From c3c67ee9e88c579e8ac784821ab41f58d0372ebb Mon Sep 17 00:00:00 2001 From: jiangping <jp@doumee.com> Date: 星期二, 11 六月 2024 15:46:34 +0800 Subject: [PATCH] 最新版本 --- admin/src/components/business/OperaCarUseBookWindow.vue | 131 +++++++++++++++++++++++-------------------- 1 files changed, 69 insertions(+), 62 deletions(-) diff --git a/admin/src/components/business/OperaCarUseBookWindow.vue b/admin/src/components/business/OperaCarUseBookWindow.vue index 146c5de..b92af71 100644 --- a/admin/src/components/business/OperaCarUseBookWindow.vue +++ b/admin/src/components/business/OperaCarUseBookWindow.vue @@ -12,7 +12,7 @@ <div class="time">鎻愪氦鏃堕棿锛歿{model.createDate}}</div> </div> <span class="right" v-if="model.status === 0">鐢宠涓�</span> - <span class="right" v-if="model.status === 1">寰呭鎵�</span> + <span class="right" v-if="model.status === 1">瀹℃壒涓�</span> <span class="right" style="background:#53b76f " v-if="model.status === 2">瀹℃壒閫氳繃</span> <span class="right" style="background:#dc362e " v-if="model.status === 3">瀹℃壒涓嶉�氳繃</span> <span class="right" style="background:#dc362e " v-if="model.status === 4">宸插彇娑�</span> @@ -67,17 +67,17 @@ <div class="item" v-for="(item,index) in model.approveDateVO.approveList" :key="item.id"> <div class="separate" v-if=" (index < model.approveDateVO.approveList.length-1)"></div> <div class="info"> - <img src="@/assets/icons/ic_tongguo.png" class="iconnew" v-if="(item.type !=1 &&item.status ==2)"/> - <img src="@/assets/icons/ic_dangqian.png" class="iconnew" v-if="(item.type !=1 &&item.status==1)"/> - <img src="@/assets/icons/ic_jujue.png" class="iconnew" v-if="(item.type !=1 &&item.status==3)"/> - <img src="@/assets/icons/ic_grey.png" class="iconnew" v-if="item.type ==1 || (item.status==null || item.status==0 )"/> + <img src="@/assets/icons/ic_tongguo.png" class="iconnew" v-if="( item.status ==2)"/> + <img src="@/assets/icons/ic_dangqian.png" class="iconnew" v-if="( item.status==1)"/> + <img src="@/assets/icons/ic_jujue.png" class="iconnew" v-if="( item.status==3)"/> + <img src="@/assets/icons/ic_grey.png" class="iconnew" v-if=" (item.status==null || item.status==0 )"/> <div style="display: inline" v-if="item.approveType !=1"> <img v-if="item.faceImg!=null && item.faceImg !=''" :src="item.faceImg" class="avatar" alt="" /> <img v-if="item.faceImg ==null ||item.faceImg ==''" src="@/assets/avatar/man.png" class="avatar" alt="" /> </div> - <div style="display: inline" v-if="item.approveType ==1"> - <img v-if="item.status == 1" src="@/assets/icons/ic_chaosong.png" class="avatar" alt="" /> - <img v-if="item.status != 1" src="@/assets/icons/ic_duoren.png" class="avatar" alt="" /> + <div style="display: inline" v-if="item.approveType == 1"> + <img v-if="item.type !=1" src="@/assets/icons/ic_duoren.png" class="avatar" alt="" /> + <img v-if="item.type == 1" src="@/assets/icons/ic_chaosong.png" class="avatar" alt="" /> </div> <div class="content"> <div class="line"> @@ -88,7 +88,7 @@ <div class="company"> {{ item.memberName }} <div style="display: inline" v-if="item.statusInfo!=null && item.statusInfo!=''"> - <span class="status-green">{{item.statusInfo ||''}}</span>锛� + 锛�<span class="status-green">{{item.statusInfo ||''}}</span>锛� </div> </div> </div> @@ -98,10 +98,10 @@ {{ item.checkInfo || '' }} </div> <div v-if="item.approveType == 1 " class="childList"> - <div style="display: inline" v-for="item1 in item.approveList" :key="item1.id"> + <div class="m_content company" v-for="item1 in item.approveList" :key="item1.id"> <img v-if="item1.faceImg!=null && item1.faceImg !=''" :src="item1.faceImg" class="avatar" alt="" /> <img v-if="item1.faceImg ==null ||item1.faceImg ==''" src="@/assets/avatar/man.png" class="avatar" alt="" /> - <span style="display: inline-block"> {{item1.memberName}}</span> + <span > {{item1.memberName}}</span> </div> </div> </div> @@ -177,6 +177,7 @@ import BaseOpera from '@/components/base/BaseOpera' import GlobalWindow from '@/components/common/GlobalWindow' import { driveList } from '@/api/business/member' +import { approveDo } from '@/api/business/approve' import { mapState } from 'vuex' export default { name: 'OperaCarUseBookWindow', @@ -216,12 +217,13 @@ if (!valid) { return } - this.$dialog.actionConfirm('鎿嶄綔纭', '鎮ㄧ‘璁ゆ彁浜よ闅愭偅澶勭悊鎯呭喌鍚楋紵') + this.$dialog.actionConfirm('鎿嶄綔纭', '鎮ㄧ‘璁ゅ悓鎰忚鐢宠鍚楋紵') .then(() => { this.dealing = true - this.api.dealHiddenDanger({ - id: this.dataId, - status: 1, + approveDo({ + objId: this.dataId, + objType: this.model.type == 1?4:3, + status: 2, driverId: this.dealForm.driveId, checkInfo: this.dealForm.checkInfo }) @@ -241,26 +243,22 @@ if (!valid) { return } - this.$dialog.actionConfirm('鎿嶄綔纭', '鎮ㄧ‘璁ら��鍥炶闅愭偅澶勭悊鎯呭喌鍚楋紵') - .then(() => { - this.dealing = true - this.api.dealHiddenDanger({ - id: this.dataId, - status: 2, - checkInfo: this.backForm.checkInfo + approveDo({ + objId: this.dataId, + objType: this.model.type == 1?4:3, + status: 3, + checkInfo: this.dealForm.checkInfo + }).then(res => { + this.$tip.apiSuccess('閫�鍥炴垚鍔�') + this.getDetail() + this.isBackProblem = false }) - .then(res => { - this.$tip.apiSuccess('閫�鍥炴垚鍔�') - this.getDetail() - this.isBackProblem = false - }) - .catch(e => { - }) - .finally(() => { - this.dealing = false - }) + .catch(e => { + }) + .finally(() => { + this.dealing = false + }) }) - }) }, open (title, target) { this.title = title @@ -300,14 +298,6 @@ </script> <style lang="scss" scoped> -.side_title{ - font-weight: 600; - font-size: 18px; - color: #111111; - margin-bottom: 20px; - margin-left: 20px; - margin-top: 20px; -} .upload_box { width: 84px; height: 84px; @@ -326,7 +316,14 @@ font-size: 12px; } } - +.side_title{ + font-weight: 600; + font-size: 18px; + color: #111111; + margin-bottom: 20px; + margin-left: 20px; + margin-top: 20px; +} .modal_wrap { display: flex; height: 100%; @@ -440,8 +437,34 @@ position: absolute; border-left: 2px dashed #cccccc; left: 31px; - height: calc(100% - 24px); - top: 34px; + height: calc(100% - 36px); + top: 49px; + } + .avatar { + width: 40px; + height: 40px; + border-radius: 50%; + margin: 0 12px 0 16px; + //border: 1px solid; + } + .childList{ + display: flex; + flex-wrap: wrap; + margin-left: 100px; + } + .company { + font-size: 13px; + color: #888888; + .status { + color: #00ba67; + } + } + .m_content{ + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin-bottom: 4px; } .info { display: flex; @@ -475,13 +498,6 @@ color:gray; font-size: 24px; } - .avatar { - width: 40px; - height: 40px; - border-radius: 50%; - margin: 0 12px 0 16px; - //border: 1px solid; - } .content { flex: 1; .line { @@ -497,13 +513,6 @@ .time { color: #888888; } - .company { - font-size: 13px; - color: #888888; - .status { - color: #00ba67; - } - } } } } @@ -512,11 +521,9 @@ border-radius: 4px; padding: 13px 15px; color: #666666; - margin-left: 120px; + margin-left: 100px; } - .childList { - margin-left: 120px; - } + } } } -- Gitblit v1.9.3