|
|
@@ -105,7 +105,35 @@
|
|
|
|
|
|
<div v-if="stepsKey === 3" class="hc-body-center-box">
|
|
|
<div class="hc-content-box">
|
|
|
- <div class="text-3xl">档案馆接收状态： 未接收</div>
|
|
|
+ <img :src="seal" alt="">
|
|
|
+ <div class="mt-5">
|
|
|
+ <el-button type="warning" hc-btn style="width: 196px;height: 46px;font-weight: bold;background-color: #FF7D43;">审批中</el-button>
|
|
|
+ </div>
|
|
|
+ <div class="hc-steps-view1 mt-5">
|
|
|
+ <el-steps :active="2" align-center>
|
|
|
+ <el-step>
|
|
|
+ <template #title>档案管理员</template>
|
|
|
+ <template #description>
|
|
|
+ <div>2025 04.10 17:24:59</div>
|
|
|
+ <div class="sign-name">上报</div>
|
|
|
+ </template>
|
|
|
+ </el-step>
|
|
|
+ <el-step>
|
|
|
+ <template #title>部门领导</template>
|
|
|
+ <template #description>
|
|
|
+ <div>2025 04.10 17:24:59</div>
|
|
|
+ <div class="sign-name">同意</div>
|
|
|
+ </template>
|
|
|
+ </el-step>
|
|
|
+ <el-step>
|
|
|
+ <template #title>分管领导</template>
|
|
|
+ <template #description>
|
|
|
+ <div>2025 04.10 17:24:59</div>
|
|
|
+ <div class="sign-name">待审批</div>
|
|
|
+ </template>
|
|
|
+ </el-step>
|
|
|
+ </el-steps>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</hc-new-card>
|
|
|
@@ -117,6 +145,7 @@ import { onMounted, ref } from 'vue'
|
|
|
import { useRouter } from 'vue-router'
|
|
|
import { useAppStore } from '~src/store'
|
|
|
import bgColor from '~src/assets/hande-over/checkbox.png'
|
|
|
+import seal from '~src/assets/hande-over/seal.svg'
|
|
|
import moveSubmit from './move-submit.vue'
|
|
|
//变量
|
|
|
const router = useRouter()
|
|
|
@@ -215,13 +244,16 @@ const moveClick = () => {
|
|
|
|
|
|
}
|
|
|
const isShowMoveSubmit = ref(false)
|
|
|
+const stepsData = ref([
|
|
|
+
|
|
|
+])
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
.hc-steps-view {
|
|
|
position: relative;
|
|
|
padding-bottom: 14px;
|
|
|
- margin-bottom: 24px;
|
|
|
+ // margin-bottom: 24px;
|
|
|
border-bottom: 1px solid #e9e9e9;
|
|
|
}
|
|
|
.hc-content-box-submit{
|
|
|
@@ -355,4 +387,23 @@ const isShowMoveSubmit = ref(false)
|
|
|
border-radius: 50px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+.hc-steps-view1 .el-steps {
|
|
|
+ .el-step__head.is-finish {
|
|
|
+ color: #1ECC95;
|
|
|
+ border-color: #1ECC95;
|
|
|
+ }
|
|
|
+ .el-step__title.is-finish {
|
|
|
+ color: #1ECC95;
|
|
|
+ }
|
|
|
+ .el-step__description {
|
|
|
+ white-space: nowrap;
|
|
|
+ padding: 0 20px;
|
|
|
+ margin-top: 5px;
|
|
|
+ }
|
|
|
+ .el-step {
|
|
|
+ flex-basis: auto;
|
|
|
+ min-width: 200px;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
