From 7a228d5837e006af03e76db757e0f559e131f4b4 Mon Sep 17 00:00:00 2001 From: zhaowei <zhaowei> Date: 星期五, 23 五月 2025 13:37:17 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- src/views/dnc/base/modules/TerminalIndex/EquipmentSpotCheck.vue | 169 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 169 insertions(+), 0 deletions(-) diff --git a/src/views/dnc/base/modules/TerminalIndex/EquipmentSpotCheck.vue b/src/views/dnc/base/modules/TerminalIndex/EquipmentSpotCheck.vue new file mode 100644 index 0000000..a1503d1 --- /dev/null +++ b/src/views/dnc/base/modules/TerminalIndex/EquipmentSpotCheck.vue @@ -0,0 +1,169 @@ +<template> + <div> + <slot name="function"/> + + <div class="content-container"> + <!-- 鏌ヨ鍖哄煙 --> + <div class="table-page-search-wrapper" style="width: 100%"> + <a-form-model ref="form" :model="model" layout="inline" :rules="validateRules"> + <a-row :gutter="64" type="flex" justify="center"> + <a-col :span="5"> + <a-form-model-item label="璁惧" prop="equipmentId"> + <a-select placeholder="璇烽�夋嫨璁惧" v-model="model.equipmentId"> + <a-select-option v-for="item in equipmentList" :key="item.key"> + {{item.label}} + </a-select-option> + </a-select> + </a-form-model-item> + </a-col> + <a-col :span="5"> + <a-form-model-item label="鐐规鏃ユ湡" prop="checkDate"> + <a-date-picker style="width: 100%" placeholder="璇烽�夋嫨寮�濮嬫椂闂�" v-model="model.checkDate"/> + </a-form-model-item> + </a-col> + </a-row> + </a-form-model> + </div> + + <div class="check-content-container"> + <div v-for="item in checkList" :key="item.id"> + <div>{{item.content}}</div> + <div> + <a-radio-group v-model="item.status"> + <a-radio :value="1">姝e父</a-radio> + <a-radio :value="2">寮傚父</a-radio> + <a-radio :value="3">宸茬淮淇�</a-radio> + </a-radio-group> + </div> + </div> + </div> + + <div class="button-container"> + <a-button @click="handleSubmit" icon="check" :loading="loading">淇濆瓨</a-button> + </div> + </div> + </div> +</template> + +<script> + export default { + name: 'EquipmentSpotCheck', + data() { + return { + model: {}, + validateRules: { + equipmentId: [{ required: true, message: '璇烽�夋嫨璁惧锛�', trigger: 'change' }], + checkDate: [{ required: true, message: '璇烽�夋嫨鐐规鏃ユ湡锛�', trigger: 'change' }] + }, + equipmentList: [ + { + key: '3140221', + label: '3140221' + }, + { + key: '3121542', + label: '3121542' + }, + { + key: '3150324', + label: '3150324' + } + ], + checkList: [ + { + content: '妫�鏌ヨ澶囧懆鍥存绾便�佸伐鍏枫�侀浂浠躲�佸伐浣嶅櫒鍏风瓑鏄惁鎸夎瀹氬畾缃憜鏀�', + status: 1 + }, + { + content: '妫�鏌ヨ澶嘝E绾挎帴鍦版槸鍚﹀畬濂芥棤鐮存崯', + status: 1 + }, + { + content: '妫�鏌ヨ澶囧悇寮�鍏虫槸鍚︾伒娲伙紝鍙潬', + status: 1 + }, + { + content: '妫�鏌ユ补绠辨补闈㈡槸鍚﹀湪鍒诲害绾夸笂銆佹补鏄惁鍙樿川銆佽繃婊ょ綉鏄惁鍫靛銆佹补姘旂璺槸鍚︽紡娌规紡姘�', + status: 1 + }, + { + content: '淇濇寔璁惧琛ㄩ潰娓呮磥锛屾鏌ユ満鍣ㄤ笂鏈夋棤娌规薄涓庡紓鐗╋紝鑻ユ湁椤诲強鏃舵竻鐞�', + status: 1 + }, + { + content: '妫�鏌ヨ澶囧悇绫昏绋嬮檺浣嶏紝鑱旈攣淇濇姢瑁呯疆銆侀槻鎶ょ僵鍙婂叾浠栦繚鎶よ缃畬濂斤紝鍙潬', + status: 1 + }, + { + content: '妫�鏌ヨ澶囦华鍣ㄤ华琛ㄨ澶囩姸鎬佹爣绀烘槸鍚﹀湪鏈夋晥鏈熷唴', + status: 1 + }, + { + content: '妫�鏌ヨ澶囧惎鍔ㄥ悗鍚勫杩愯(杞�)鏄惁鏈夊紓鍝嶅紓瑁�', + status: 1 + } + ], + loading: false + } + }, + methods: { + handleSubmit() { + const that = this + this.$refs.form.validate(valid => { + if (valid) { + that.loading = true + + setTimeout(() => { + that.loading = false + }, 2000) + } else { + return false + } + }) + } + } + } +</script> + +<style scoped lang="less"> + .content-container { + flex: 1; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + + .check-content-container { + display: flex; + flex-direction: column; + margin: 40px auto; + width: 70%; + + > div { + display: flex; + justify-content: center; + border-bottom: 1px dashed #bbb; + margin-bottom: 20px; + padding-bottom: 5px; + + > div:first-child { + flex: 0.5; + text-align: right; + margin-right: 30px; + } + + > div:last-child { + flex: 0.5; + + /deep/ .ant-radio-wrapper { + margin-right: 30px; + } + } + } + } + + .button-container { + text-align: center; + } + } +</style> \ No newline at end of file -- Gitblit v1.9.3