From 22d4441a8c669185c13d2b6856c51ad550c50ae2 Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期五, 14 七月 2023 18:26:47 +0800 Subject: [PATCH] 编辑下拉框&网络请求封装优化 --- src/views/custom/customManage/AddCustomManageDialog.vue | 59 +++++++++++++++++++---------------------------------------- 1 files changed, 19 insertions(+), 40 deletions(-) diff --git a/src/views/custom/customManage/AddCustomManageDialog.vue b/src/views/custom/customManage/AddCustomManageDialog.vue index 46bf7c4..964d923 100644 --- a/src/views/custom/customManage/AddCustomManageDialog.vue +++ b/src/views/custom/customManage/AddCustomManageDialog.vue @@ -1,7 +1,7 @@ <template> <div class="add-custom-manage"> <el-dialog - :title="editContactsConfig.title + '瀹㈡埛绠$悊'" + :title="editCuntomManageConfig.title + '瀹㈡埛绠$悊'" :visible.sync="editConfig.visible" :width="dialogWidth" :before-close="handleClose" @@ -25,12 +25,8 @@ <el-form-item label="瀹㈡埛鍚嶇О" prop="customName"> <div class="custom-name"> <el-input v-model="editConfig.infomation.customName"></el-input> - <div class="common-select-btn"> - <i class="el-icon-brush" title="宸ュ晢鏌ヨ"></i> - </div> - <div class="common-select-btn"> - <i class="el-icon-search" title="鏌ラ噸"></i> - </div> + <div class="common-select-btn"><i class="el-icon-house" title="宸ュ晢鏌ヨ"></i></div> + <div class="common-select-btn"><i class="el-icon-search" title="鏌ラ噸"></i></div> </div> </el-form-item> </el-col> @@ -276,8 +272,21 @@ <el-row> <el-col :span="12"> <el-form-item label="闄勪欢" prop=""> + <template slot="label"> + <div style="display: flex; float: right"> + <div style="font-size: 16px"> + <i class="el-icon-warning-outline" title="鏈�澶氫笂浼�20涓檮浠讹紝鏈�澶ч檺鍒�5MB"></i> + </div> + <span style="margin-left: 5px">闄勪欢</span> + </div> + </template> <div class="annex-view"> - <div @click="addAnnexClick">娣诲姞</div> + <div @click="addAnnexClick"> + <div style="display: flex; float: right"> + <div style="font-size: 16px"><i class="el-icon-paperclip"></i></div> + <span>娣诲姞</span> + </div> + </div> <div class="setFormat" @click="setFormatClick">璁剧疆鍏佽涓婁紶鐨勬枃浠舵牸寮�</div> </div> </el-form-item> @@ -345,7 +354,7 @@ export default { name: "AddCustomManageDialog", props: { - editContactsConfig: { + editCuntomManageConfig: { type: Object, default: () => { return { @@ -400,23 +409,13 @@ data() { return { dialogWidth: "80%", - editConfig: this.editContactsConfig, + editConfig: this.editCuntomManageConfig, rules: { customName: [{ required: true, message: "璇疯緭鍏ュ鎴峰悕绉�", trigger: "blur" }], customStatus: [{ required: true, message: "璇烽�夋嫨瀹㈡埛鐘舵��", trigger: "change" }], salesHead: [{ required: true, message: "璇烽�夋嫨閿�鍞礋璐d汉", trigger: "change" }], approvalOpinion: [{ required: true, message: "璇疯緭鍏ュ鎵规剰瑙�", trigger: "blur" }] }, - businessSourceOptions: [ - { value: "1", label: "鍚庡彴娉ㄥ唽" }, - { value: "2", label: "浠g悊鍟嗗鎴�" }, - { value: "3", label: "鐢佃瘽闄岀敓鎷滆" }, - { value: "4", label: "鐩存帴璁块棶" }, - { value: "5", label: "椤圭洰鍚堜綔" }, - { value: "6", label: "涓汉鑷壘" }, - { value: "7", label: "浜屾閿�鍞�" }, - { value: "8", label: "鍏徃鐢佃瘽" } - ], salesHeadOptions: [ { value: "1", label: "BOSS" }, { value: "2", label: "Mia" }, @@ -517,26 +516,6 @@ background-color: #f5f5f5; height: 55px; line-height: 55px; - } -} -::v-deep { - .el-dialog__header { - padding: 12.5px 10px; - border-bottom: 1px solid #e5e5e5; - .el-dialog__title { - font-size: 15px; - color: #323232; - font-weight: bold; - } - } - .el-dialog__body { - padding: 0px; - } - .el-dialog__footer { - padding: 0px; - text-align: center; - box-sizing: border-box; - border-top: 1px solid #dadee5; } } </style> -- Gitblit v1.8.0