| | |
| | | <template> |
| | | <div class="Datalogging"> |
| | | <div class="content"> |
| | | <div |
| | | class="checkbox" |
| | | :style="{ width: roleINFO == 1 ? '16rem' : '11rem' }" |
| | | > |
| | | <div |
| | | :class="['item', isactive == 1 ? 'isactive' : '']" |
| | | @click="changeactive(1)" |
| | | > |
| | | <div class="checkbox" :style="{ width: roleINFO == 1 ? '16rem' : '11rem' }"> |
| | | <div :class="['item', isactive == 1 ? 'isactive' : '']" @click="changeactive(1)"> |
| | | ä»»å¡è®°å½ |
| | | </div> |
| | | <div |
| | | :class="['item', isactive == 2 ? 'isactive' : '']" |
| | | @click="changeactive(2)" |
| | | > |
| | | <div :class="['item', isactive == 2 ? 'isactive' : '']" @click="changeactive(2)"> |
| | | ä½ä¸åè®°å½ |
| | | </div> |
| | | <div |
| | | v-if="roleINFO == 1" |
| | | :class="['item', isactive == 3 ? 'isactive' : '']" |
| | | @click="changeactive(3)" |
| | | > |
| | | <div v-if="roleINFO == 1" :class="['item', isactive == 3 ? 'isactive' : '']" @click="changeactive(3)"> |
| | | ç»å½è®°å½ |
| | | </div> |
| | | </div> |
| | | <div class="serch"> |
| | | <div class="time_box"> |
| | | <el-select |
| | | v-if="isactive == 1" |
| | | v-model="queryForm.value" |
| | | placeholder="è¯·éæ©" |
| | | size="small" |
| | | style="width: 6.19rem; height: 2rem; margin-right: 0.98rem" |
| | | > |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | /> |
| | | <el-select v-if="isactive == 1" v-model="queryForm.value" placeholder="è¯·éæ©" size="small" |
| | | style="width: 8rem; height: 2rem; margin-right: 0.98rem"> |
| | | <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" /> |
| | | </el-select> |
| | | <div class="time">åå»ºæ¥æ</div> |
| | | <el-date-picker |
| | | v-model="queryForm.selectTime" |
| | | prefix-icon="none" |
| | | clear-icon="none" |
| | | style=" |
| | | <el-date-picker v-model="queryForm.selectTime" prefix-icon="none" clear-icon="none" style=" |
| | | font-size: 0.75rem !important; |
| | | border: 0.06rem solid rgba(222, 222, 222, 1); |
| | | border-radius: 0 0.25rem 0.25rem 0; |
| | |
| | | width: 19rem; |
| | | height: 2rem; |
| | | border-left: 0; |
| | | " |
| | | format="YYYY-MM-DD HH:mm:ss" |
| | | type="datetimerange" |
| | | range-separator="~" |
| | | start-placeholder="èµ·å§æ¥æ" |
| | | end-placeholder="æªæ¢æ¥æ" |
| | | size="small" |
| | | /> |
| | | " format="YYYY-MM-DD HH:mm:ss" type="datetimerange" range-separator="~" start-placeholder="èµ·å§æ¥æ" |
| | | end-placeholder="æªæ¢æ¥æ" size="small" /> |
| | | </div> |
| | | <div class="serch_box"> |
| | | <div class="serchb"> |
| | | <el-select |
| | | v-model="queryForm.selectType" |
| | | placeholder="è¯·éæ©" |
| | | size="small" |
| | | style="width: 100%; height: 100%; font-size: 0.15rem" |
| | | > |
| | | <el-option |
| | | v-for="item in selectoptions" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | /> |
| | | <el-select v-model="queryForm.selectType" placeholder="è¯·éæ©" size="small" |
| | | style="width: 100%; height: 100%; font-size: 0.15rem"> |
| | | <el-option v-for="item in selectoptions" :key="item.value" :label="item.label" :value="item.value" /> |
| | | </el-select> |
| | | </div> |
| | | <input |
| | | v-model="queryForm.selectInput" |
| | | placeholder="请è¾å
¥å
³é®è¯æç´¢" |
| | | style="border-left: 0.06rem solid #e2e2e2" |
| | | /> |
| | | <input v-model="queryForm.selectInput" placeholder="请è¾å
¥å
³é®è¯æç´¢" style="border-left: 0.06rem solid #e2e2e2" /> |
| | | </div> |
| | | <el-button |
| | | @click="handleQuery" |
| | | type="primary" |
| | | size="small" |
| | | style="margin-left: 0.98rem; height: 2rem" |
| | | >æ¥è¯¢</el-button |
| | | > |
| | | <el-button size="small" style="height: 2rem" @click="resetQuery" |
| | | >éç½®</el-button |
| | | > |
| | | <el-button @click="handleQuery" type="primary" size="small" |
| | | style="margin-left: 0.98rem; height: 2rem">æ¥è¯¢</el-button> |
| | | <el-button size="small" style="height: 2rem" @click="resetQuery">éç½®</el-button> |
| | | </div> |
| | | <div class="btns"> |
| | | <div style="display: flex; align-items: center"> |
| | | <el-button |
| | | size="small" |
| | | style="width: 5.5rem; height: 2rem; font-size: 0.88rem" |
| | | @click="printExcel" |
| | | >æ¹é导åº</el-button |
| | | > |
| | | <el-button size="small" style="width: 5.5rem; height: 2rem; font-size: 0.88rem" |
| | | @click="printExcel">æ¹é导åº</el-button> |
| | | </div> |
| | | </div> |
| | | <div style="margin-top: 1rem; height: 100%"> |
| | | <!-- ä»»å¡è®°å½ --> |
| | | <el-table |
| | | empty-text="ææ æ°æ®" |
| | | v-if="isactive == 1" |
| | | :data="tableData" |
| | | height="450" |
| | | style="width: 100%" |
| | | <el-table empty-text="ææ æ°æ®" v-if="isactive == 1" :data="tableData" height="450" style="width: 100%" |
| | | :header-cell-style="{ |
| | | background: 'rgba(250,250,250,1)', |
| | | color: '#101010', |
| | | fontSize: '0.88rem', |
| | | height: '3rem', |
| | | border: 'none', |
| | | }" |
| | | :row-style="{ |
| | | }" :row-style="{ |
| | | color: '#101010', |
| | | fontSize: '0.88rem', |
| | | height: '3rem', |
| | | }" |
| | | > |
| | | }"> |
| | | <el-table-column type="selection" align="center" /> |
| | | <el-table-column prop="id" label="åºå·" align="center" /> |
| | | <el-table-column prop="trainNum" label="车ç»å·" align="center" /> |
| | |
| | | <el-table-column prop="bogie" label="è½¬åæ¶" align="center" /> |
| | | <el-table-column prop="processDept" label="æ£ä¿®çç»" align="center" /> |
| | | <el-table-column prop="jiShuYuan" label="ææ¯å" align="center" /> |
| | | <el-table-column |
| | | prop="zhiJianYuan_LC" |
| | | label="æºæ¢°è´¨æ£å" |
| | | align="center" |
| | | /> |
| | | <el-table-column |
| | | prop="zhiJianYuan_DG" |
| | | label="å°æ²è´¨æ£å" |
| | | align="center" |
| | | /> |
| | | <el-table-column |
| | | prop="zhiJianYuan_DQ" |
| | | label="çµæ°è´¨æ£å" |
| | | align="center" |
| | | /> |
| | | <el-table-column prop="zhiJianYuan_LC" label="æºæ¢°è´¨æ£å" align="center" /> |
| | | <el-table-column prop="zhiJianYuan_DG" label="å°æ²è´¨æ£å" align="center" /> |
| | | <el-table-column prop="zhiJianYuan_DQ" label="çµæ°è´¨æ£å" align="center" /> |
| | | <el-table-column prop="gongZhang" label="æ£ä¿®å·¥é¿" align="center" /> |
| | | <el-table-column prop="createTime" label="å建æ¶é´" align="center" /> |
| | | <el-table-column prop="taskstatus" label="ä»»å¡ç¶æ" align="center"> |
| | | <template #default="scope"> |
| | | <span style="color: #ff651a" v-if="scope.row.taskstatus == 0" |
| | | >å¾
派工</span |
| | | > |
| | | <span style="color: #c4ccd5" v-if="scope.row.taskstatus == 1" |
| | | >已派工</span |
| | | > |
| | | <span style="color: #ff651a" v-if="scope.row.taskstatus == 0">å¾
派工</span> |
| | | <span style="color: #c4ccd5" v-if="scope.row.taskstatus == 1">已派工</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="æä½" align="center"> |
| | | <template #default="scope"> |
| | | <el-button |
| | | size="small" |
| | | type="text" |
| | | @click="Findmore(scope.row.nJtaskID)" |
| | | >æ¥ç详æ
</el-button |
| | | > |
| | | <el-button size="small" type="text" @click="Findmore(scope.row.nJtaskID)">æ¥ç详æ
</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | |
| | | <!-- ä½ä¸åè®°å½ --> |
| | | <el-table |
| | | empty-text="ææ æ°æ®" |
| | | v-if="isactive == 2" |
| | | :data="tableData" |
| | | height="450" |
| | | style="width: 100%" |
| | | <el-table empty-text="ææ æ°æ®" v-if="isactive == 2" :data="tableData" height="450" style="width: 100%" |
| | | :header-cell-style="{ |
| | | background: 'rgba(250,250,250,1)', |
| | | color: '#101010', |
| | | fontSize: '0.88rem', |
| | | height: '3rem', |
| | | border: 'none', |
| | | }" |
| | | :row-style="{ |
| | | }" :row-style="{ |
| | | color: '#101010', |
| | | fontSize: '0.88rem', |
| | | height: '3rem', |
| | | }" |
| | | > |
| | | }"> |
| | | <el-table-column type="selection" align="center" /> |
| | | <el-table-column prop="takeName" label="ä»»å¡åç§°" align="center" /> |
| | | <el-table-column prop="jiShuYuan" label="ææ¯å" align="center" /> |
| | | <el-table-column prop="gongZhang" label="æ£ä¿®å·¥é¿" align="center" /> |
| | | <el-table-column |
| | | prop="dispatchTime" |
| | | label="æ´¾å·¥æ¥æ" |
| | | align="center" |
| | | /> |
| | | <el-table-column prop="dispatchTime" label="æ´¾å·¥æ¥æ" align="center" /> |
| | | <el-table-column prop="endTime" label="å®ææ¥æ" align="center" /> |
| | | <el-table-column label="æºæ¢°åç©å¼æç»" align="center"> |
| | | <template #default="scope"> |
| | | <span |
| | | style="color: blue; font-size: 0.88rem; cursor: pointer" |
| | | @click="LcFindtorque(scope.row.nJtaskID)" |
| | | >æ¥ç</span |
| | | > |
| | | </template></el-table-column |
| | | > |
| | | <span style="color: blue; font-size: 0.88rem; cursor: pointer" |
| | | @click="LcFindtorque(scope.row.nJtaskID)">æ¥ç</span> |
| | | </template></el-table-column> |
| | | <el-table-column prop="address" label="çµæ°åç©å¼æç»" align="center"> |
| | | <template #default="scope"> |
| | | <span |
| | | style="color: blue; font-size: 0.88rem; cursor: pointer" |
| | | @click="DqFindtorque(scope.row.nJtaskID)" |
| | | >æ¥ç</span |
| | | > |
| | | <span style="color: blue; font-size: 0.88rem; cursor: pointer" |
| | | @click="DqFindtorque(scope.row.nJtaskID)">æ¥ç</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="address" label="å°æ²åç©å¼æç»" align="center"> |
| | | <template #default="scope"> |
| | | <span |
| | | style="color: blue; font-size: 0.88rem; cursor: pointer" |
| | | @click="DgFindtorque(scope.row.nJtaskID)" |
| | | >æ¥ç</span |
| | | > |
| | | </template></el-table-column |
| | | > |
| | | <span style="color: blue; font-size: 0.88rem; cursor: pointer" |
| | | @click="DgFindtorque(scope.row.nJtaskID)">æ¥ç</span> |
| | | </template></el-table-column> |
| | | </el-table> |
| | | |
| | | <!-- ç»å½è®°å½ --> |
| | | <el-table |
| | | empty-text="ææ æ°æ®" |
| | | v-if="isactive == 3" |
| | | :data="tableData" |
| | | height="450" |
| | | style="width: 100%" |
| | | <el-table empty-text="ææ æ°æ®" v-if="isactive == 3" :data="tableData" height="450" style="width: 100%" |
| | | :header-cell-style="{ |
| | | background: 'rgba(250,250,250,1)', |
| | | color: '#101010', |
| | | fontSize: '0.88rem', |
| | | height: '3rem', |
| | | border: 'none', |
| | | }" |
| | | :row-style="{ |
| | | }" :row-style="{ |
| | | color: '#101010', |
| | | fontSize: '0.88rem', |
| | | height: '3rem', |
| | | }" |
| | | > |
| | | }"> |
| | | <el-table-column type="selection" align="center" /> |
| | | <el-table-column prop="account" label="ç»å½è´¦å·" align="center" /> |
| | | <el-table-column prop="trurName" label="çå®å§å" align="center" /> |
| | |
| | | <el-table-column prop="createDate" label="ç»å½æ¶é´" align="center" /> |
| | | </el-table> |
| | | </div> |
| | | <div |
| | | style=" |
| | | <div style=" |
| | | display: flex; |
| | | justify-content: right; |
| | | align-self: flex-end; |
| | | margin-bottom: 1.19rem; |
| | | margin-right: 1.25rem; |
| | | " |
| | | > |
| | | <el-pagination |
| | | size="small" |
| | | background |
| | | layout="prev, pager, next" |
| | | :current-page="pageQuery.page" |
| | | :page-size="pageQuery.rows" |
| | | :total="pageTotal" |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | /> |
| | | "> |
| | | <el-pagination size="small" background layout="prev, pager, next" :current-page="pageQuery.page" |
| | | :page-size="pageQuery.rows" :total="pageTotal" @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" /> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- æ¥ç详æ
å¼¹åºæ¡ --> |
| | | <el-dialog |
| | | v-model="dialogVisible" |
| | | title="" |
| | | width="90%" |
| | | :before-close="handleClose" |
| | | :show-close="false" |
| | | > |
| | | <el-dialog v-model="dialogVisible" title="" width="90%" :before-close="handleClose" :show-close="false"> |
| | | <template #header="{ close, titleId, titleClass }"> |
| | | <div class="my-header"> |
| | | <h4 |
| | | :id="titleId" |
| | | :class="titleClass" |
| | | style="color: rgb(16, 16, 16); font-size: 1rem; font-weight: bold" |
| | | > |
| | | <h4 :id="titleId" :class="titleClass" style="color: rgb(16, 16, 16); font-size: 1rem; font-weight: bold"> |
| | | æ¥ç详æ
|
| | | </h4> |
| | | <el-icon @click="close" size="15"><CloseBold /></el-icon> |
| | | <el-icon @click="close" size="15"> |
| | | <CloseBold /> |
| | | </el-icon> |
| | | </div> |
| | | </template> |
| | | <div> |
| | | <el-row> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | height: 3.49rem; |
| | | background-color: rgba(190, 199, 209, 0.53); |
| | | padding-left: 0.5rem; |
| | | border: 1px solid #bec7d1; |
| | | " |
| | | > |
| | | <span style="color: #000; font-size: 0.88rem; font-weight: bold" |
| | | >åºç¡ä¿¡æ¯</span |
| | | > |
| | | "> |
| | | <span style="color: #000; font-size: 0.88rem; font-weight: bold">åºç¡ä¿¡æ¯</span> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="3" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >车åï¼{{ datildata.trainKind }}</span |
| | | > |
| | | " :span="3"> |
| | | <span style="font-size: 0.88rem; color: #000">车åï¼{{ datildata.trainKind }}</span> |
| | | </el-col> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="3" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >车ç»å·ï¼{{ datildata.trainNum }}</span |
| | | > |
| | | " :span="3"> |
| | | <span style="font-size: 0.88rem; color: #000">车ç»å·ï¼{{ datildata.trainNum }}</span> |
| | | </el-col> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="3" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >è¡éï¼{{ datildata.track }}</span |
| | | > |
| | | " :span="3"> |
| | | <span style="font-size: 0.88rem; color: #000">è¡éï¼{{ datildata.track }}</span> |
| | | </el-col> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="3" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >车å¢å·ï¼{{ datildata.coachNum }}</span |
| | | > |
| | | " :span="3"> |
| | | <span style="font-size: 0.88rem; color: #000">车å¢å·ï¼{{ datildata.coachNum }}</span> |
| | | </el-col> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="4" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >è½¬åæ¶ï¼{{ datildata.bogie }}</span |
| | | > |
| | | " :span="4"> |
| | | <span style="font-size: 0.88rem; color: #000">è½¬åæ¶ï¼{{ datildata.bogie }}</span> |
| | | </el-col> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="4" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >æ£ä¿®çç»ï¼{{ datildata.processDept }}</span |
| | | > |
| | | " :span="4"> |
| | | <span style="font-size: 0.88rem; color: #000">æ£ä¿®çç»ï¼{{ datildata.processDept }}</span> |
| | | </el-col> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="4" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >ææ¯åï¼{{ datildata.jiShuYuan }}</span |
| | | > |
| | | " :span="4"> |
| | | <span style="font-size: 0.88rem; color: #000">ææ¯åï¼{{ datildata.jiShuYuan }}</span> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="6" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >å建æ¶é´ï¼{{ datildata.createTime }}</span |
| | | > |
| | | " :span="6"> |
| | | <span style="font-size: 0.88rem; color: #000">å建æ¶é´ï¼{{ datildata.createTime }}</span> |
| | | </el-col> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="6" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >派工æ¶é´ï¼{{ datildata.dispatchTime }}</span |
| | | > |
| | | " :span="6"> |
| | | <span style="font-size: 0.88rem; color: #000">派工æ¶é´ï¼{{ datildata.dispatchTime }}</span> |
| | | </el-col> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="12" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >ææ¯å确认æ¶é´ï¼{{ datildata.confirmTime_JS }}</span |
| | | > |
| | | " :span="12"> |
| | | <span style="font-size: 0.88rem; color: #000">ææ¯å确认æ¶é´ï¼{{ datildata.confirmTime_JS }}</span> |
| | | </el-col> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="6" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >å¼å§æ¶é´ï¼{{ datildata.startTime }}</span |
| | | > |
| | | " :span="6"> |
| | | <span style="font-size: 0.88rem; color: #000">å¼å§æ¶é´ï¼{{ datildata.startTime }}</span> |
| | | </el-col> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="18" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >ç»ææ¶é´ï¼{{ datildata.endTime }}</span |
| | | > |
| | | " :span="18"> |
| | | <span style="font-size: 0.88rem; color: #000">ç»ææ¶é´ï¼{{ datildata.endTime }}</span> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row |
| | | ><el-col |
| | | style=" |
| | | <el-row><el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | height: 3.49rem; |
| | | background-color: rgba(190, 199, 209, 0.53); |
| | | padding-left: 0.5rem; |
| | | border: 1px solid #bec7d1; |
| | | " |
| | | > |
| | | <span style="color: #000; font-size: 0.88rem; font-weight: bold" |
| | | >è´¨æ£ä¿¡æ¯</span |
| | | > |
| | | </el-col></el-row |
| | | > |
| | | <el-row |
| | | ><el-col |
| | | style=" |
| | | "> |
| | | <span style="color: #000; font-size: 0.88rem; font-weight: bold">è´¨æ£ä¿¡æ¯</span> |
| | | </el-col></el-row> |
| | | <el-row><el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="6" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >æºæ¢°è´¨æ£åï¼{{ datildata.zhiJianYuan_LC }}</span |
| | | > |
| | | " :span="6"> |
| | | <span style="font-size: 0.88rem; color: #000">æºæ¢°è´¨æ£åï¼{{ datildata.zhiJianYuan_LC }}</span> |
| | | </el-col> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="6" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >å°æ²è´¨æ£åï¼{{ datildata.zhiJianYuan_DG }}</span |
| | | > |
| | | " :span="6"> |
| | | <span style="font-size: 0.88rem; color: #000">å°æ²è´¨æ£åï¼{{ datildata.zhiJianYuan_DG }}</span> |
| | | </el-col> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="8" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >çµæ°è´¨æ£åï¼{{ datildata.zhiJianYuan_DQ }}</span |
| | | > |
| | | " :span="8"> |
| | | <span style="font-size: 0.88rem; color: #000">çµæ°è´¨æ£åï¼{{ datildata.zhiJianYuan_DQ }}</span> |
| | | </el-col> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="4" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >æ£ä¿®å·¥é¿ï¼{{ datildata.gongZhang }}</span |
| | | > |
| | | " :span="4"> |
| | | <span style="font-size: 0.88rem; color: #000">æ£ä¿®å·¥é¿ï¼{{ datildata.gongZhang }}</span> |
| | | </el-col> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="6" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >æºæ¢°è´¨æ£å确认æ¶é´ï¼{{ datildata.confirmTime_LC }}</span |
| | | > |
| | | " :span="6"> |
| | | <span style="font-size: 0.88rem; color: #000">æºæ¢°è´¨æ£å确认æ¶é´ï¼{{ datildata.confirmTime_LC }}</span> |
| | | </el-col> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="6" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >å°æ²è´¨æ£å确认æ¶é´ï¼{{ datildata.confirmTime_DG }}</span |
| | | > |
| | | " :span="6"> |
| | | <span style="font-size: 0.88rem; color: #000">å°æ²è´¨æ£å确认æ¶é´ï¼{{ datildata.confirmTime_DG }}</span> |
| | | </el-col> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="8" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >çµæ°è´¨æ£å确认æ¶é´ï¼{{ datildata.confirmTime_DQ }}</span |
| | | > |
| | | " :span="8"> |
| | | <span style="font-size: 0.88rem; color: #000">çµæ°è´¨æ£å确认æ¶é´ï¼{{ datildata.confirmTime_DQ }}</span> |
| | | </el-col> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="4" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >æ£ä¿®å·¥é¿ç¡®è®¤æ¶é´ï¼{{ datildata.confirmTime_GZ }}</span |
| | | > |
| | | " :span="4"> |
| | | <span style="font-size: 0.88rem; color: #000">æ£ä¿®å·¥é¿ç¡®è®¤æ¶é´ï¼{{ datildata.confirmTime_GZ }}</span> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row |
| | | ><el-col |
| | | style=" |
| | | <el-row><el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | height: 3.49rem; |
| | | background-color: rgba(190, 199, 209, 0.53); |
| | | padding-left: 0.5rem; |
| | | border: 1px solid #bec7d1; |
| | | " |
| | | > |
| | | <span style="color: #000; font-size: 0.88rem; font-weight: bold" |
| | | >ä½ä¸ä¿¡æ¯</span |
| | | > |
| | | </el-col></el-row |
| | | > |
| | | <el-row |
| | | ><el-col |
| | | style=" |
| | | "> |
| | | <span style="color: #000; font-size: 0.88rem; font-weight: bold">ä½ä¸ä¿¡æ¯</span> |
| | | </el-col></el-row> |
| | | <el-row><el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="3" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >æºæ¢°åç©ä½ä¸åï¼{{ datildata.liJu_LC }}</span |
| | | > |
| | | " :span="3"> |
| | | <span style="font-size: 0.88rem; color: #000">æºæ¢°åç©ä½ä¸åï¼{{ datildata.liJu_LC }}</span> |
| | | </el-col> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="3" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >æºæ¢°è¾
å©åï¼{{ datildata.fuZhu_LC }}</span |
| | | > |
| | | " :span="3"> |
| | | <span style="font-size: 0.88rem; color: #000">æºæ¢°è¾
å©åï¼{{ datildata.fuZhu_LC }}</span> |
| | | </el-col> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="3" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >å°æ²åç©ä½ä¸åï¼{{ datildata.liJu_DG }}</span |
| | | > |
| | | " :span="3"> |
| | | <span style="font-size: 0.88rem; color: #000">å°æ²åç©ä½ä¸åï¼{{ datildata.liJu_DG }}</span> |
| | | </el-col> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="3" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >å°æ²è¾
å©åï¼{{ datildata.fuZhu_DG }}</span |
| | | > |
| | | " :span="3"> |
| | | <span style="font-size: 0.88rem; color: #000">å°æ²è¾
å©åï¼{{ datildata.fuZhu_DG }}</span> |
| | | </el-col> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="4" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >çµæ°åç©ä½ä¸åï¼{{ datildata.liJu_DQ }}</span |
| | | > |
| | | " :span="4"> |
| | | <span style="font-size: 0.88rem; color: #000">çµæ°åç©ä½ä¸åï¼{{ datildata.liJu_DQ }}</span> |
| | | </el-col> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="8" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >çµæ°è¾
å©åï¼{{ datildata.fuZhu_DQ }}</span |
| | | > |
| | | " :span="8"> |
| | | <span style="font-size: 0.88rem; color: #000">çµæ°è¾
å©åï¼{{ datildata.fuZhu_DQ }}</span> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="6" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >æºæ¢°å¼å§æ¶é´ï¼{{ datildata.startTime_LC }}</span |
| | | > |
| | | " :span="6"> |
| | | <span style="font-size: 0.88rem; color: #000">æºæ¢°å¼å§æ¶é´ï¼{{ datildata.startTime_LC }}</span> |
| | | </el-col> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="6" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >å°æ²å¼å§æ¶é´ï¼{{ datildata.startTime_DG }}</span |
| | | > |
| | | " :span="6"> |
| | | <span style="font-size: 0.88rem; color: #000">å°æ²å¼å§æ¶é´ï¼{{ datildata.startTime_DG }}</span> |
| | | </el-col> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="12" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >çµæ°å¼å§æ¶é´ï¼{{ datildata.startTime_DQ }}</span |
| | | > |
| | | " :span="12"> |
| | | <span style="font-size: 0.88rem; color: #000">çµæ°å¼å§æ¶é´ï¼{{ datildata.startTime_DQ }}</span> |
| | | </el-col> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="6" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >æºæ¢°ç»ææ¶é´ï¼{{ datildata.endTime_LC }}</span |
| | | > |
| | | " :span="6"> |
| | | <span style="font-size: 0.88rem; color: #000">æºæ¢°ç»ææ¶é´ï¼{{ datildata.endTime_LC }}</span> |
| | | </el-col> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="6" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >å°æ²ç»ææ¶é´ï¼{{ datildata.endTime_DG }}</span |
| | | > |
| | | " :span="6"> |
| | | <span style="font-size: 0.88rem; color: #000">å°æ²ç»ææ¶é´ï¼{{ datildata.endTime_DG }}</span> |
| | | </el-col> |
| | | <el-col |
| | | style=" |
| | | <el-col style=" |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #bec7d1; |
| | | height: 3.49rem; |
| | | padding-left: 0.7rem; |
| | | " |
| | | :span="12" |
| | | > |
| | | <span style="font-size: 0.88rem; color: #000" |
| | | >çµæ°ç»ææ¶é´ï¼{{ datildata.endTime_DQ }}</span |
| | | > |
| | | " :span="12"> |
| | | <span style="font-size: 0.88rem; color: #000">çµæ°ç»ææ¶é´ï¼{{ datildata.endTime_DQ }}</span> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | </el-dialog> |
| | | |
| | | <!-- åç©å¼æ¥ç --> |
| | | <el-dialog |
| | | v-model="TorquedialogVisible" |
| | | title="" |
| | | width="55%" |
| | | :before-close="handleClose" |
| | | :show-close="false" |
| | | top="5%" |
| | | > |
| | | <el-dialog v-model="TorquedialogVisible" title="" width="55%" :before-close="handleClose" :show-close="false" |
| | | top="5%"> |
| | | <template #header="{ close, titleId, titleClass }"> |
| | | <div class="my-header"> |
| | | <h4 |
| | | :id="titleId" |
| | | :class="titleClass" |
| | | style="color: rgb(16, 16, 16); font-size: 1rem; font-weight: bold" |
| | | > |
| | | <h4 :id="titleId" :class="titleClass" style="color: rgb(16, 16, 16); font-size: 1rem; font-weight: bold"> |
| | | åç©å¼æç»ï¼{{ title }}ï¼ |
| | | </h4> |
| | | <el-icon @click="close" size="15"><CloseBold /></el-icon> |
| | | <el-icon @click="close" size="15"> |
| | | <CloseBold /> |
| | | </el-icon> |
| | | </div> |
| | | </template> |
| | | |
| | | <div style="height: 500px; display: flex; align-items: center"> |
| | | <div style="height: 100%; width: 13.5rem"> |
| | | <div |
| | | style=" |
| | | <div style=" |
| | | width: 17rem; |
| | | padding: 0.8rem 2rem; |
| | | box-sizing: border-box; |
| | | background-color: rgba(247, 247, 247, 1); |
| | | " |
| | | > |
| | | <div |
| | | style=" |
| | | "> |
| | | <div style=" |
| | | color: rgba(16, 16, 16, 1); |
| | | font-size: 0.88rem; |
| | | display: flex; |
| | | margin-top: 0.5rem; |
| | | " |
| | | > |
| | | <span style="width: 6rem; text-align: right; display: block" |
| | | >ä»»å¡åç§°ï¼</span |
| | | ><span>{{ |
| | | "> |
| | | <span style="width: 6rem; text-align: right; display: block">ä»»å¡åç§°ï¼</span><span>{{ |
| | | pesonData.length != 0 ? pesonData[0].takename : "" |
| | | }}</span> |
| | | </div> |
| | | <div |
| | | style=" |
| | | <div style=" |
| | | color: rgba(16, 16, 16, 1); |
| | | font-size: 0.88rem; |
| | | display: flex; |
| | | margin-top: 0.5rem; |
| | | " |
| | | > |
| | | <span style="width: 6rem; text-align: right; display: block" |
| | | >ææ¯åï¼</span |
| | | ><span>{{ |
| | | "> |
| | | <span style="width: 6rem; text-align: right; display: block">ææ¯åï¼</span><span>{{ |
| | | pesonData.length != 0 ? pesonData[0].jishuyuan : "" |
| | | }}</span> |
| | | </div> |
| | | <div |
| | | style=" |
| | | <div style=" |
| | | color: rgba(16, 16, 16, 1); |
| | | font-size: 0.88rem; |
| | | display: flex; |
| | | margin-top: 0.5rem; |
| | | " |
| | | > |
| | | <span style="width: 6rem; text-align: right; display: block" |
| | | >æ£ä¿®å·¥é¿ï¼</span |
| | | ><span>{{ |
| | | "> |
| | | <span style="width: 6rem; text-align: right; display: block">æ£ä¿®å·¥é¿ï¼</span><span>{{ |
| | | pesonData.length != 0 ? pesonData[0].gonzhang : "" |
| | | }}</span> |
| | | </div> |
| | | <div |
| | | style=" |
| | | <div style=" |
| | | color: rgba(16, 16, 16, 1); |
| | | font-size: 0.88rem; |
| | | display: flex; |
| | | margin-top: 0.5rem; |
| | | " |
| | | > |
| | | <span style="width: 6rem; text-align: right; display: block" |
| | | >è´¨æ£åï¼</span |
| | | ><span>{{ |
| | | "> |
| | | <span style="width: 6rem; text-align: right; display: block">è´¨æ£åï¼</span><span>{{ |
| | | pesonData.length != 0 ? pesonData[0].zhijianyuan : "" |
| | | }}</span> |
| | | </div> |
| | | <div |
| | | style=" |
| | | <div style=" |
| | | color: rgba(16, 16, 16, 1); |
| | | font-size: 0.88rem; |
| | | display: flex; |
| | | margin-top: 0.5rem; |
| | | " |
| | | > |
| | | <span style="width: 6rem; text-align: right; display: block" |
| | | >åç©ä½ä¸åï¼</span |
| | | ><span>{{ |
| | | "> |
| | | <span style="width: 6rem; text-align: right; display: block">åç©ä½ä¸åï¼</span><span>{{ |
| | | pesonData.length != 0 ? pesonData[0].lijuzouyeyuan : "" |
| | | }}</span> |
| | | </div> |
| | | <div |
| | | style=" |
| | | <div style=" |
| | | color: rgba(16, 16, 16, 1); |
| | | font-size: 0.88rem; |
| | | display: flex; |
| | | margin-top: 0.5rem; |
| | | " |
| | | > |
| | | <span style="width: 6rem; text-align: right; display: block" |
| | | >è¾
å©åï¼</span |
| | | ><span>{{ |
| | | "> |
| | | <span style="width: 6rem; text-align: right; display: block">è¾
å©åï¼</span><span>{{ |
| | | pesonData.length != 0 ? pesonData[0].fuzyuan : "" |
| | | }}</span> |
| | | </div> |
| | | <div |
| | | style=" |
| | | <div style=" |
| | | color: rgba(16, 16, 16, 1); |
| | | font-size: 0.88rem; |
| | | display: flex; |
| | | margin-top: 0.5rem; |
| | | " |
| | | > |
| | | <span style="width: 6rem; text-align: right; display: block" |
| | | >ä»»å¡è¯¦æ
ï¼</span |
| | | > |
| | | <el-popover |
| | | placement="bottom" |
| | | :width="600" |
| | | trigger="click" |
| | | @show="checkTask(pesonData[0].njtakeid)" |
| | | > |
| | | "> |
| | | <span style="width: 6rem; text-align: right; display: block">ä»»å¡è¯¦æ
ï¼</span> |
| | | <el-popover placement="bottom" :width="600" trigger="click" @show="checkTask(pesonData[0].njtakeid)"> |
| | | <template #reference> |
| | | <span style="color: blue; font-size: 0.88rem; cursor: pointer" |
| | | >æ¥ç</span |
| | | > |
| | | <span style="color: blue; font-size: 0.88rem; cursor: pointer">æ¥ç</span> |
| | | </template> |
| | | <el-table :data="taskData" width="100%"> |
| | | <el-table-column property="trainKind" label="车å" /> |
| | |
| | | |
| | | <el-scrollbar height="400px" style="margin-left: 5rem; width: 100%"> |
| | | <el-timeline> |
| | | <el-timeline-item |
| | | v-for="(activity, index) in activities" |
| | | :key="index" |
| | | :timestamp=" |
| | | 'åç©å¼ï¼' + activity.torqueOne + '----' + activity.torqueTwo |
| | | " |
| | | > |
| | | <el-timeline-item v-for="(activity, index) in activities" :key="index" :timestamp="'åç©å¼ï¼' + activity.torqueOne + '----' + activity.torqueTwo |
| | | "> |
| | | {{ activity.craftsStep }} |
| | | <el-popover |
| | | placement="bottom" |
| | | :width="800" |
| | | trigger="click" |
| | | style="margin-left: 0.8rem" |
| | | > |
| | | <el-popover placement="bottom" :width="800" trigger="click" style="margin-left: 0.8rem"> |
| | | <template #reference> |
| | | <span |
| | | @click="checkcontent(activity.craftID)" |
| | | style=" |
| | | <span @click="checkcontent(activity.craftID)" style=" |
| | | color: blue; |
| | | font-size: 0.88rem; |
| | | cursor: pointer; |
| | | border-bottom: 1px solid #4386ff; |
| | | " |
| | | >æ¥ç</span |
| | | > |
| | | ">æ¥ç</span> |
| | | </template> |
| | | <el-table :data="contentData" width="100%"> |
| | | <el-table-column prop="craftContent" label="å·¥èºå
容" /> |
| | |
| | | .Datalogging { |
| | | display: flex; |
| | | background-color: #fff; |
| | | |
| | | .content { |
| | | width: 100%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | |
| | | .checkbox { |
| | | width: 16rem; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | margin-top: 1rem; |
| | | margin-left: 1.31rem; |
| | | |
| | | .item { |
| | | width: 5rem; |
| | | height: 1.88rem; |
| | |
| | | line-height: 1.88rem; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .isactive { |
| | | background-color: rgba(16, 16, 16, 1); |
| | | color: rgba(255, 255, 255, 1); |
| | | } |
| | | } |
| | | |
| | | .serch { |
| | | display: flex; |
| | | margin-top: 1.31rem; |
| | | align-items: center; |
| | | |
| | | .time_box { |
| | | display: flex; |
| | | align-items: center; |
| | | text-align: center; |
| | | margin-left: 0.98rem; |
| | | |
| | | .time { |
| | | box-sizing: border-box; |
| | | width: 6.88rem; |
| | |
| | | justify-content: center; |
| | | } |
| | | } |
| | | |
| | | .serch_box { |
| | | display: flex; |
| | | align-items: center; |
| | | text-align: center; |
| | | margin-left: 0.98rem; |
| | | border-radius: 0.38rem; |
| | | |
| | | .serchb { |
| | | box-sizing: border-box; |
| | | width: 6.88rem; |
| | |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | |
| | | input { |
| | | box-sizing: border-box; |
| | | outline: none; |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .btns { |
| | | display: flex; |
| | | justify-content: space-between; |
| | |
| | | box-sizing: border-box; |
| | | } |
| | | } |
| | | |
| | | .my-header { |
| | | height: 3.84rem; |
| | | display: flex; |
| | |
| | | .confirmButtonClass { |
| | | margin-right: 10px; |
| | | } |
| | | |
| | | .el-message-box .el-message-box__btns { |
| | | flex-direction: row-reverse !important; |
| | | justify-content: normal !important; |