From c55d9376565a78ce31a5b8d78dad89df16c2628e Mon Sep 17 00:00:00 2001 From: gaosp <gaosp> Date: 星期四, 18 一月 2024 23:34:54 +0800 Subject: [PATCH] 删除完 更新 --- src/container/ledger/Manage-add-update.vue | 705 ++++++++++++++++++++++++++++++--------------------------- 1 files changed, 371 insertions(+), 334 deletions(-) diff --git a/src/container/ledger/Manage-add-update.vue b/src/container/ledger/Manage-add-update.vue index 9cbfc72..1f4031f 100644 --- a/src/container/ledger/Manage-add-update.vue +++ b/src/container/ledger/Manage-add-update.vue @@ -1,25 +1,16 @@ <template> - <div> - <el-dialog - :title="!dataForm.id ? '鏂板缓' : '缂栬緫'" - :close-on-click-modal="false" - width="80%" - :visible.sync="addVisible"> - <!-- 娣诲姞鍐呭--> - <el-form :model="dataForm" label-width="100px" ref="dataForm"> - <!-- <el-row :gutter="20"> - <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> - <el-form-item label="鏈哄簥鍚�" prop="machineName"> - <el-select filterable v-model="dataForm.machineName" placeholder="鏀寔妯$硦鏌ヨ" clearable> - <el-option - v-for="item in machineNamelist" - :key="item.value" - :label="item.label" - :value="item.value"> - </el-option> - </el-select> - </el-form-item> - </el-col> + <div> + <el-dialog :title="!dataForm.id ? '鏂板缓' : '缂栬緫'" @close="cancel" :close-on-click-modal="false" width="80%" + :visible.sync="addVisible"> + <!-- 娣诲姞鍐呭--> + <el-form :model="dataForm" label-width="100px" ref="dataForm"> + <el-row :gutter="20"> + <!-- <el-col :xs="24" :sm="6" :md="6" :lg="6" :xl="6"> + <el-form-item label="鏈哄簥鍚�" prop="machineName"> + <el-input placeholder="鏈哄簥鍚嶇О" clearable></el-input> + </el-form-item> + </el-col> --> + <!-- <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> <el-form-item label="鏈哄簥ip" prop="machineIp"> <el-input v-model="dataForm.machineIp" placeholder="鏈哄簥ip" clearable></el-input> @@ -50,7 +41,7 @@ </el-form-item> </el-col> --> - <!-- <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> + <!-- <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> <el-form-item label="鐢ㄦ埛鍚�" prop="userName"> <el-select filterable v-model="dataForm.userName"> <el-option @@ -62,66 +53,65 @@ </el-select> </el-form-item> </el-col> --> - <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> - <el-form-item label="缁熶竴缂栫爜" prop="uuid"> - <el-input v-model="dataForm.uuid" placeholder="缁熶竴缂栫爜" clearable></el-input> - </el-form-item> - </el-col> + <el-col :xs="24" :sm="6" :md="6" :lg="6" :xl="6"> + <el-form-item label="缁熶竴缂栫爜" prop="uuid"> + <el-input v-model="dataForm.uuid" placeholder="缁熶竴缂栫爜" clearable></el-input> + </el-form-item> + </el-col> - <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> - <el-form-item label="璁惧瑙勬牸" prop="specification"> - <el-input v-model="dataForm.specification" placeholder="璁惧瑙勬牸" clearable></el-input> - </el-form-item> - </el-col> - <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> - <el-form-item label="璁惧鍨嬪彿" prop="type"> - <el-input v-model="dataForm.type" placeholder="璁惧鍨嬪彿" clearable></el-input> - </el-form-item> - </el-col> - <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> - <el-form-item label="鍔犲伐绫诲瀷" prop="category"> - <el-select v-model="dataForm.category" placeholder="---璇烽�夋嫨---"> - <el-option - v-for="item in deviceType" - :key="item.value" - :label="item.label" - :value="item.value"> - </el-option> - </el-select> - </el-form-item> - </el-col> + <el-col :xs="24" :sm="6" :md="6" :lg="6" :xl="6"> + <el-form-item label="璁惧瑙勬牸" prop="specification"> + <el-input v-model="dataForm.specification" placeholder="璁惧瑙勬牸" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="6" :md="6" :lg="6" :xl="6"> + <el-form-item label="璁惧鍨嬪彿" prop="type"> + <el-input v-model="dataForm.type" placeholder="璁惧鍨嬪彿" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="6" :md="6" :lg="6" :xl="6"> + <el-form-item label="璁惧绫诲瀷" prop="deviceTypeId"> + <el-select v-model="dataForm.deviceTypeId" placeholder="---璇烽�夋嫨---" clearable> + <el-option v-for="item in deviceTypeIds" :key="item.id" :label="item.name" :value="item.id"> + </el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="6" :md="6" :lg="6" :xl="6"> + <el-form-item label="鍔犲伐绫诲瀷" prop="category"> + <el-select v-model="dataForm.category" placeholder="---璇烽�夋嫨---" clearable> + <el-option v-for="item in deviceType" :key="item.value" :label="item.label" + :value="item.value"> + </el-option> + </el-select> + </el-form-item> + </el-col> - <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> - <el-form-item label="璐﹀姟灞炴��" prop="accountingAttribute"> - <el-select v-model="dataForm.accountingAttribute" placeholder="---璇烽�夋嫨---"> - <el-option - v-for="item in financePro" - :key="item.value" - :label="item.label" - :value="item.value"> - </el-option> - </el-select> - </el-form-item> - </el-col> - <!-- <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> + <el-col :xs="24" :sm="6" :md="6" :lg="6" :xl="6"> + <el-form-item label="璐﹀姟灞炴��" prop="accountingAttribute"> + <el-select v-model="dataForm.accountingAttribute" placeholder="---璇烽�夋嫨---" clearable> + <el-option v-for="item in financePro" :key="item.value" :label="item.label" + :value="item.value"> + </el-option> + </el-select> + </el-form-item> + </el-col> + <!-- <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> <el-form-item label="瀹夎鍦板潃" prop="location"> <el-input v-model="dataForm.location" placeholder="瀹夎鍦板潃" clearable></el-input> </el-form-item> </el-col> --> - <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> - <el-form-item label="浣跨敤閮ㄩ棬" prop="department"> - <el-select v-model="dataForm.department"> - <el-option - v-for="item in departmentlist" - :key="item.value" - :label="item.label" - :value="item.value"> - </el-option> - </el-select> - </el-form-item> - </el-col> - <!-- <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> + <el-col :xs="24" :sm="6" :md="6" :lg="6" :xl="6"> + <el-form-item label="浣跨敤閮ㄩ棬" prop="department"> + <el-select v-model="dataForm.department" clearable> + <el-option v-for="item in departmentlist" :key="item.value" :label="item.label" + :value="item.value"> + </el-option> + </el-select> + </el-form-item> + </el-col> + <!-- <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> <el-form-item label="璁惧鐘舵��" prop="state"> <el-select v-model="dataForm.state" placeholder="---璇烽�夋嫨---"> <el-option @@ -134,7 +124,7 @@ </el-form-item> </el-col> --> - <!-- <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> + <!-- <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> <el-form-item label="鏄惁鍏抽敭璁惧" prop="isCritical"> <el-select v-model="dataForm.isCritical"> <el-option @@ -158,270 +148,317 @@ </el-select> </el-form-item> </el-col> --> - <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> - <el-form-item label="鐢垫皵澶嶆潅绯绘暟" prop="elecCompFactor"> - <el-input v-model="dataForm.elecCompFactor" placeholder="鐢垫皵澶嶆潅绯绘暟" clearable></el-input> - </el-form-item> - </el-col> - <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> - <el-form-item label="鏈烘澶嶆潅绯绘暟" prop="mechCompFactor"> - <el-input v-model="dataForm.mechCompFactor" placeholder="鏈烘澶嶆潅绯绘暟" clearable></el-input> - </el-form-item> - </el-col> + <el-col :xs="24" :sm="6" :md="6" :lg="6" :xl="6"> + <el-form-item label="鐢垫皵澶嶆潅绯绘暟" prop="elecCompFactor"> + <el-input v-model="dataForm.elecCompFactor" placeholder="鐢垫皵澶嶆潅绯绘暟" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="6" :md="6" :lg="6" :xl="6"> + <el-form-item label="鏈烘澶嶆潅绯绘暟" prop="mechCompFactor"> + <el-input v-model="dataForm.mechCompFactor" placeholder="鏈烘澶嶆潅绯绘暟" clearable></el-input> + </el-form-item> + </el-col> - <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> - <el-form-item label="鍥藉埆" prop="country"> - <el-input v-model="dataForm.country" placeholder="鍥藉埆" clearable></el-input> - </el-form-item> - </el-col> - <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> - <el-form-item label="璁惧绠$悊鍒嗙被" prop="manageType"> - <el-select v-model="dataForm.manageType" placeholder="---璇烽�夋嫨---"> - <el-option value="A">A</el-option> - <el-option value="B">B</el-option> - <el-option value="C">C</el-option> - </el-select> - </el-form-item> - </el-col> - <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> - <el-form-item label="鐝" prop="classes"> - <el-select v-model="dataForm.classes" placeholder="---璇烽�夋嫨---"> - <el-option value="涓�鐝�">涓�鐝�</el-option> - <el-option value="浜岀彮">浜岀彮</el-option> - <el-option value="涓夌彮">涓夌彮</el-option> - </el-select> - </el-form-item> - </el-col> - <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> - <el-form-item label="鐢熶骇鍘傚" prop="manufacturer"> - <el-input v-model="dataForm.manufacturer" placeholder="鐢熶骇鍘傚" clearable></el-input> - </el-form-item> - </el-col> - <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> - <el-form-item label="鎶曚骇鏃ユ湡" prop="productionDate"> - <el-date-picker format="yyyy-MM-dd" value-format="yyyy-MM-dd" v-model="dataForm.productionDate" type="date" clearable placeholder="閫夋嫨鏃ユ湡"></el-date-picker> - </el-form-item> - </el-col> - <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> - <el-form-item label="璁惧鍘熷��" prop="originalValue"> - <el-input v-model="dataForm.originalValue" placeholder="璁惧鍘熷��" clearable></el-input> - </el-form-item> - </el-col> + <el-col :xs="24" :sm="6" :md="6" :lg="6" :xl="6"> + <el-form-item label="鍥藉埆" prop="country"> + <el-input v-model="dataForm.country" placeholder="鍥藉埆" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="6" :md="6" :lg="6" :xl="6"> + <el-form-item label="璁惧绠$悊鍒嗙被" prop="manageType"> + <el-select v-model="dataForm.manageType" placeholder="---璇烽�夋嫨---" clearable> + <el-option value="A">A</el-option> + <el-option value="B">B</el-option> + <el-option value="C">C</el-option> + </el-select> + </el-form-item> + </el-col> + <!-- + <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> + <el-form-item label="鐝" prop="classes"> + <el-select v-model="dataForm.classes" placeholder="---璇烽�夋嫨---"> + <el-option value="涓�鐝�">涓�鐝�</el-option> + <el-option value="浜岀彮">浜岀彮</el-option> + <el-option value="涓夌彮">涓夌彮</el-option> + </el-select> + </el-form-item> + </el-col> + --> + <el-col :xs="24" :sm="6" :md="6" :lg="6" :xl="6"> + <el-form-item label="鐢熶骇鍘傚" prop="manufacturer"> + <el-input v-model="dataForm.manufacturer" placeholder="鐢熶骇鍘傚" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="6" :md="6" :lg="6" :xl="6"> + <el-form-item label="鎶曚骇鏃ユ湡" prop="productionDate"> + <el-date-picker format="yyyy-MM-dd" value-format="yyyy-MM-dd" v-model="dataForm.productionDate" + type="date" clearable placeholder="閫夋嫨鏃ユ湡"></el-date-picker> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="6" :md="6" :lg="6" :xl="6"> + <el-form-item label="璁惧鍘熷��(鍏�)" prop="originalValue"> + <el-input v-model="dataForm.originalValue" :change="checkAmount('originalValue')" + placeholder="璁惧鍘熷��" clearable></el-input> + </el-form-item> + </el-col> - <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> - <el-form-item label="璁惧鍑�鐜板��" prop="presentValue"> - <el-input v-model="dataForm.presentValue" placeholder="璁惧鍑�鐜板��" clearable></el-input> - </el-form-item> - </el-col> - <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> - <el-form-item label="璁惧閲嶉噺" prop="weight"> - <el-input v-model="dataForm.weight" placeholder="璁惧閲嶉噺" clearable></el-input> - </el-form-item> - </el-col> - <el-col :xs="24":sm="6":md="6":lg="6":xl="6"> - <el-form-item label="澶囨敞" prop="remark"> - <el-input v-model="dataForm.remark" placeholder="澶囨敞" clearable></el-input> - </el-form-item> - </el-col> - </el-row> - <!-- 涓婁紶 --> - <!-- <el-row :gutter="20"> - <el-col :xs="24":sm="12":md="12":lg="12":xl="12"> - <el-form-item label="涓婁紶鐓х墖" prop=""> - <el-upload - class="avatar-uploader" - action="https://jsonplaceholder.typicode.com/posts/" - :show-file-list="false" - :on-success="handleAvatarSuccess" - :before-upload="beforeAvatarUpload"> - <img v-if="imageUrl" :src="imageUrl" class="avatar"> - <i v-else class="el-icon-plus avatar-uploader-icon"></i> - </el-upload> - </el-form-item> - </el-col> - <el-col :xs="24":sm="12":md="12":lg="12":xl="12"> - <el-form-item label="鐩稿叧鏂囨。" prop=""> - <el-upload - class="upload-demo" - action="https://jsonplaceholder.typicode.com/posts/" - :on-preview="handlePreview" - :on-remove="handleRemove" - :before-remove="beforeRemove" - multiple - :limit="9" - :on-exceed="handleExceed" - :file-list="fileList"> - <el-button size="small" type="primary">鐐瑰嚮涓婁紶</el-button> - </el-upload> - </el-form-item> - </el-col> - </el-row> --> + <el-col :xs="24" :sm="6" :md="6" :lg="6" :xl="6"> + <el-form-item label="璁惧鍑�鐜板��(鍏�)" prop="presentValue"> + <el-input v-model="dataForm.presentValue" :change="checkAmount('presentValue')" + placeholder="璁惧鍑�鐜板��" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="6" :md="6" :lg="6" :xl="6"> + <el-form-item label="璁惧閲嶉噺(鍗冨厠)" prop="weight" :rules="[ + { type: 'number', message: '璁惧閲嶉噺闇�涓烘暟瀛�' } + ]"> + <el-input v-model.number="dataForm.weight" placeholder="璁惧閲嶉噺" clearable></el-input> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="6" :md="6" :lg="6" :xl="6"> + <el-form-item label="澶囨敞" prop="remark"> + <el-input v-model="dataForm.remark" placeholder="澶囨敞" clearable></el-input> + </el-form-item> + </el-col> + </el-row> + <!-- 涓婁紶 --> + <el-row :gutter="20"> + <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12"> + <el-form-item label="涓婁紶鍥剧墖" prop="pic"> + <el-upload class="avatar-uploader" action="/mdc/account/uploadPic" :show-file-list="false" + :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload"> + <img v-if="dataForm.pic" :src="dataForm.pic" class="avatar"> + <i v-else class="el-icon-plus avatar-uploader-icon"></i> + </el-upload> + </el-form-item> + </el-col> + </el-row> - </el-form> - <!-- 鎸夐挳 --> - <span slot="footer" class="dialog-footer"> - <el-button size="mini" @click="cancel">鍙栨秷</el-button> - <el-button size="mini" type="primary" @click="dataFormSubmit()">淇濆瓨</el-button> - </span> - </el-dialog> - </div> + </el-form> + <!-- 鎸夐挳 --> + <span slot="footer" class="dialog-footer"> + <el-button size="mini" @click="cancel">鍙栨秷</el-button> + <el-button size="mini" type="primary" style="background-color: #409EFF;" + @click="dataFormSubmit()">淇濆瓨</el-button> + </span> + </el-dialog> + </div> </template> <script> - import { accountUpdate,accountCreate } from '@/api/Api' - export default { - props: ['addVisible','deviceType','departmentlist','row','isselectlist','deviceStatus','financePro'], - data() { - return { - visible: false, - dataForm: { - id: 0, // title鏄剧ず鏂板杩樻槸淇敼 - machineName: '', // 鏈哄簥鍚� - machineIp: '', // 鏈哄簥ip - workshop: '', // 杞﹂棿鍚� - section: '', // 宸ユ鍚� - userName: '', // 鐢ㄦ埛鍚� - uuid: '', // 缁熶竴缂栫爜 - specification: '', // 璁惧瑙勬牸 - type: '', // 璁惧鍨嬪彿 - category: '', // 璁惧绫诲埆 - accountingAttribute: '', // 璐㈠姟灞炴�� - location: '', // 瀹夎鍦板潃 - department: '', // 浣跨敤閮ㄩ棬 - state: '', // 璁惧鐘舵�� - isCritical: '1', // 鏄惁鍏抽敭璁惧 - isPrecision: '1', // 鏄惁绮惧瘑璁惧 - elecCompFactor: '', // 鐢垫皵澶嶆潅绯绘暟 - mechCompFactor: '', // 鏈烘澶嶆潅绯绘暟 - country: '', // 鍥藉埆 - classes: '', // 鐝 - manufacturer: '', // 鐢熶骇鍘傚 - productionDate: '', // 鎶曚骇鏃ユ湡 - originalValue: '', // 璁惧鍘熷�� - presentValue: '', // 璁惧鍑�鐜板�� - weight: '', // 璁惧閲嶉噺 - remark: ''// 澶囨敞 - }, - machineNamelist: [], // 鏈哄簥涓嬫媺 - workshoplist: [], // 杞﹂棿list - oldworkshoplist: [], - sectionlist: [], // 宸ユ - userNamelist: [], // 鐢ㄦ埛list - imageUrl: '', // 鍥剧墖 - fileList: []// 鏂囨。涓婁紶list - } - }, - watch: { - addVisible: { - handler (val) { - if (val) { - this.init() - } - }, - immediate: true - } - }, - created () { - this.init(this.row) - }, - methods: { - init(row) { - if (this.$refs['dataForm']) { - this.$refs['dataForm'].resetFields() - } - if (row !== undefined) { - this.dataForm.id = row.id - this.dataForm.machineName = row.machineName - this.dataForm.machineIp = row.machineIp - this.dataForm.workshop = row.workshop - this.dataForm.section = row.section - this.dataForm.userName = row.userName - this.dataForm.uuid = row.uuid - this.dataForm.specification = row.specification - this.dataForm.type = row.type - this.dataForm.category = row.category - this.dataForm.accountingAttribute = row.accountingAttribute - this.dataForm.location = row.location - this.dataForm.department = row.department - this.dataForm.state = row.state - this.dataForm.isCritical = row.isCritical - this.dataForm.isPrecision = row.isPrecision - this.dataForm.elecCompFactor = row.elecCompFactor - this.dataForm.mechCompFactor = row.mechCompFactor - this.dataForm.country = row.country - this.dataForm.manufacturer = row.manufacturer - this.dataForm.productionDate = row.productionDate - this.dataForm.originalValue = row.originalValue - this.dataForm.presentValue = row.presentValue - this.dataForm.weight = row.weight - this.dataForm.remark = row.remark - this.dataForm.managType = row.managType - this.dataForm.classes = row.classes - } else { this.dataForm.id = '' } - }, - /* 鏌ヨ浣跨敤閮ㄩ棬*/ - cancel () { - this.$emit('close') - }, - /* 鎻愪氦*/ - dataFormSubmit() { - if (this.dataForm.id === '') { // 鏂板 - accountCreate(this.dataForm).then(res => { - this.$message({ - message: '鏂板鎴愬姛', - type: 'success', - duration: 1500, - onClose: () => { - this.$emit('confirm') - this.visible = false - } - }) - }) - } else { - accountUpdate(this.dataForm).then(res => { - this.$message({ - message: '淇敼鎴愬姛', - type: 'success', - duration: 1500, - onClose: () => { - this.$emit('confirm') - this.visible = false - } - }) - }) - } - } - } - } +import { accountUpdate, accountCreate } from '@/api/Api' +export default { + props: ['addVisible', 'deviceType', 'departmentlist', 'row', 'isselectlist', 'deviceStatus', 'financePro', 'deviceTypeIds'], + data() { + return { + visible: false, + dataForm: { + id: '', // title鏄剧ず鏂板杩樻槸淇敼 + machineName: '', // 鏈哄簥鍚� + machineIp: '', // 鏈哄簥ip + workshop: '', // 杞﹂棿鍚� + section: '', // 宸ユ鍚� + userName: '', // 鐢ㄦ埛鍚� + uuid: '', // 缁熶竴缂栫爜 + specification: '', // 璁惧瑙勬牸 + type: '', // 璁惧鍨嬪彿 + category: '', // 璁惧绫诲埆 + accountingAttribute: '', // 璐㈠姟灞炴�� + location: '', // 瀹夎鍦板潃 + department: '', // 浣跨敤閮ㄩ棬 + state: '', // 璁惧鐘舵�� + isCritical: '', // 鏄惁鍏抽敭璁惧 + isPrecision: '', // 鏄惁绮惧瘑璁惧 + elecCompFactor: '', // 鐢垫皵澶嶆潅绯绘暟 + mechCompFactor: '', // 鏈烘澶嶆潅绯绘暟 + country: '', // 鍥藉埆 + classes: '', // 鐝 + manufacturer: '', // 鐢熶骇鍘傚 + productionDate: '', // 鎶曚骇鏃ユ湡 + originalValue: '', // 璁惧鍘熷�� + presentValue: '', // 璁惧鍑�鐜板�� + weight: '', // 璁惧閲嶉噺 + remark: '',// 澶囨敞 + deviceTypeId: '', + pic: '' + }, + machineNamelist: [], // 鏈哄簥涓嬫媺 + workshoplist: [], // 杞﹂棿list + oldworkshoplist: [], + sectionlist: [], // 宸ユ + userNamelist: [], // 鐢ㄦ埛list + imageUrl: '', // 鍥剧墖 + fileList: [],// 鏂囨。涓婁紶list + rules: { + date1: [ + { type: 'date', required: true, message: '璇烽�夋嫨鏃ユ湡', trigger: 'change' } + ], + } + } + }, + watch: { + addVisible: { + handler(val) { + if (val) { + this.init(this.row) + } + }, + immediate: true + } + }, + created() { + // this.init(this.row) + }, + methods: { + checkAmount(key) { + let checkPlan = '' + this.dataForm[key] + + checkPlan = checkPlan + + .replace(/[^\d.]/g, '') // 娓呴櫎鈥滄暟瀛椻�濆拰鈥�.鈥濅互澶栫殑瀛楃 + + .replace(/\.{2,}/g, '.') // 鍙繚鐣欑涓�涓�. 娓呴櫎澶氫綑鐨� + + .replace(/^\./g, '') // 淇濊瘉绗竴涓负鏁板瓧鑰屼笉鏄�. + + .replace('.', '$#$') + + .replace(/\./g, '') + + .replace('$#$', '.') + + if (checkPlan.indexOf('.') < 0 && checkPlan !== '') { + + // 浠ヤ笂宸茬粡杩囨护锛屾澶勬帶鍒剁殑鏄鏋滄病鏈夊皬鏁扮偣锛岄浣嶄笉鑳戒负绫讳技浜� 01銆�02鐨勯噾棰� + + checkPlan = parseFloat(checkPlan) + '' + + } else if (checkPlan.indexOf('.') >= 0) { + + checkPlan = checkPlan + + .replace(/^()*(\d+)\.(\d\d).*$/, '$1$2.$3') // 鍙兘杈撳叆涓や釜灏忔暟 + + } + + this.dataForm[key] = checkPlan + + }, + init(row) { + if (this.$refs['dataForm']) { + this.$refs['dataForm'].resetFields() + } + if (Object.keys(row).length > 0) { + Object.keys(row).forEach(key => { + this.dataForm[key] = row[key] + }) + } else { + Object.keys(row).forEach(key => { + this.dataForm[key] = '' + }) + } + }, + /* 鏌ヨ浣跨敤閮ㄩ棬*/ + cancel() { + this.$emit('close') + }, + beforeAvatarUpload() { + + }, + handleAvatarSuccess(res) { + if (res.result === 'SUCCESS') { + this.dataForm.pic = res.data; + } else { + this.$message({ + type: 'error', + message: '涓婁紶澶辫触' + }) + } + }, + /* 鎻愪氦*/ + dataFormSubmit() { + debugger + this.$refs.dataForm.validate((valid) => { + console.log(valid) + if (valid) { + if (!this.dataForm.id) { // 鏂板 + accountCreate(this.dataForm).then(res => { + this.$message({ + message: '鏂板鎴愬姛', + type: 'success', + duration: 1500, + onClose: () => { + this.$emit('confirm') + this.visible = false + } + }) + }) + } else { + accountUpdate(this.dataForm).then(res => { + this.$message({ + message: '淇敼鎴愬姛', + type: 'success', + duration: 1500, + onClose: () => { + this.$emit('confirm') + this.visible = false + } + }) + }) + } + } else { + this.$message({ + type: 'error', + message: '楠岃瘉澶辫触' + }) + } + }) + } + } +} </script> <style lang="scss"> - .el-form-item__content { - .el-select,.el-input { - width: 100%; - } - } - .avatar-uploader .el-upload { - border: 1px dashed #d9d9d9; - 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; - } - .avatar { - width: 178px; - height: 178px; - display: block; - } -</style> +.el-form-item__content { + + .el-select, + .el-input { + width: 100%; + + } + + .el-input__inner { + color: #000; + } +} + +.el-dialog__body { + overflow: hidden; +} + +.avatar-uploader .el-upload { + border: 1px dashed #d9d9d9; + 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; +} + +.avatar { + width: 178px; + height: 178px; + display: block; +}</style> -- Gitblit v1.9.3