From bc2cda03481cd62a1b04959d2653678053e60b18 Mon Sep 17 00:00:00 2001 From: liukangdong <898885815@qq.com> Date: 星期五, 31 五月 2024 18:23:35 +0800 Subject: [PATCH] Merge branch 'master' of http://139.186.142.91:10010/r/productDev/dmvisit --- admin/src/components/business/OperaCarUseBookWindow.vue | 82 +++++++++++++++++++++++----------------- 1 files changed, 47 insertions(+), 35 deletions(-) diff --git a/admin/src/components/business/OperaCarUseBookWindow.vue b/admin/src/components/business/OperaCarUseBookWindow.vue index d4290bb..1a817a3 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,41 +67,41 @@ <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.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)"></i> - <img src="@/assets/icons/ic_grep.png" class="iconnew" v-if="(item.status==null || item.status==0 )"></i> - <div style="display: inline" v-if="item.approveType ===0"> + <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 )"/> + <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="" /> + <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> <div class="content"> <div class="line"> <div class="name">{{ item.title}}</div> - <div class="time">{{ item.createDate }}</div> + <div class="time">{{ item.checkDate }}</div> </div> <div class="line"> <div class="company"> - {{ item.createUserName }} {{ item.companyName }} + {{ 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> </div> </div> - <div v-if="item.approveType != 1 " class="remark"> - {{ item.checkInfo ||'姘寸數璐瑰弽鍙嶅澶嶅弽鍙嶅澶嶆柟娉曟柟娉曟柟娉曟柟娉曟柟娉曟柟娉曟柟娉曟柟娉曟柟娉曟柟娉曟柟娉曟柟娉曞彂鍙戝彂' }} + <div v-if="item.approveType != 1 && item.checkInfo !=null && item.checkInfo !=''" class="remark"> + {{ 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> @@ -117,6 +117,7 @@ <el-dialog append-to-body title="鍚屾剰鐢宠" + style="text-align: center" class="dialogCl" :visible.sync="isShowProblem" width="480px" @@ -149,6 +150,7 @@ <el-dialog append-to-body title="鎷掔粷鐢宠" + style="text-align: center" class="dialogCl" :visible.sync="isBackProblem" width="600px" @@ -438,8 +440,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; @@ -473,13 +501,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 { @@ -495,13 +516,6 @@ .time { color: #888888; } - .company { - font-size: 13px; - color: #888888; - .status { - color: #00ba67; - } - } } } } @@ -510,11 +524,9 @@ border-radius: 4px; padding: 13px 15px; color: #666666; - margin-left: 120px; + margin-left: 100px; } - .childList { - margin-left: 120px; - } + } } } -- Gitblit v1.9.3