|
@@ -1,11 +1,132 @@
|
|
|
|
|
+<template>
|
|
|
|
|
+<ContentWrap>
|
|
|
|
|
+ <!-- 顶部标题-->
|
|
|
|
|
+ <div class="topTitle">
|
|
|
|
|
+ <span class="tab-title">执行计划:{{route.query.sopName}}</span>
|
|
|
|
|
+ <div class="set-btn" @click="goBack">
|
|
|
|
|
+ <img src="../../../assets/images/返回.png" alt="" />
|
|
|
|
|
+ 返回
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+</ContentWrap>
|
|
|
|
|
|
|
|
|
|
+<!-- <ContentWrap>-->
|
|
|
|
|
+<!-- <div class="tab-header">-->
|
|
|
|
|
+<!-- <span class="tab-title">通知设置</span>-->
|
|
|
|
|
+<!-- </div>-->
|
|
|
|
|
+<!-- <div class="noticeContent">-->
|
|
|
|
|
+<!-- <p>启用通知:-->
|
|
|
|
|
+<!-- <el-switch-->
|
|
|
|
|
+<!-- v-model="NotificationStatus"-->
|
|
|
|
|
+<!-- size="small"-->
|
|
|
|
|
+<!-- :active-value="0"-->
|
|
|
|
|
+<!-- :inactive-value="1"-->
|
|
|
|
|
+<!-- /></p>-->
|
|
|
|
|
+<!-- <section>-->
|
|
|
|
|
+<!-- <el-button-->
|
|
|
|
|
+<!-- type="primary"-->
|
|
|
|
|
+<!-- plain-->
|
|
|
|
|
+<!-- @click="openForm('create')"-->
|
|
|
|
|
+<!-- v-hasPermi="['iscs:sop:create']"-->
|
|
|
|
|
+<!-- >-->
|
|
|
|
|
+<!-- <Icon icon="ep:plus" class="mr-5px" />-->
|
|
|
|
|
+<!-- 新增-->
|
|
|
|
|
+<!-- </el-button>-->
|
|
|
|
|
+<!-- <el-button-->
|
|
|
|
|
+<!-- type="danger"-->
|
|
|
|
|
+<!-- plain-->
|
|
|
|
|
+<!-- :disabled="multiple"-->
|
|
|
|
|
+<!-- @click="handleDelete()"-->
|
|
|
|
|
+<!-- v-hasPermi="['iscs:sop:delete']"-->
|
|
|
|
|
+<!-- >-->
|
|
|
|
|
+<!-- <Icon icon="ep:delete" class="mr-5px" />-->
|
|
|
|
|
+<!-- 批量删除-->
|
|
|
|
|
+<!-- </el-button>-->
|
|
|
|
|
+<!-- </section>-->
|
|
|
|
|
|
|
|
|
|
+<!-- </div>-->
|
|
|
|
|
+<!-- </ContentWrap>-->
|
|
|
|
|
+</template>
|
|
|
|
|
|
|
|
<script setup lang="ts">
|
|
<script setup lang="ts">
|
|
|
|
|
|
|
|
|
|
+
|
|
|
|
|
+const router = useRouter()
|
|
|
|
|
+const route = useRoute()
|
|
|
|
|
+const NotificationStatus=ref('')
|
|
|
|
|
+const ids = ref<number[]>([]) // 选中的数据
|
|
|
|
|
+const multiple = ref(true) // 非多个禁用
|
|
|
|
|
+
|
|
|
|
|
+// 返回
|
|
|
|
|
+const goBack = () => {
|
|
|
|
|
+ router.push('/sopm/sop')
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+/** 添加/修改/查看操作 */
|
|
|
|
|
+const openForm =(type:string)=>{
|
|
|
|
|
+ if(type=='create'){
|
|
|
|
|
+ console.log('新增了')
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+const handleDelete = async () => {
|
|
|
|
|
+ // const sopId = id || ids.value
|
|
|
|
|
+ // try {
|
|
|
|
|
+ // // 删除的二次确认
|
|
|
|
|
+ // await message.delConfirm()
|
|
|
|
|
+ // // 发起删除
|
|
|
|
|
+ // await SopApi.deleteSopList(sopId)
|
|
|
|
|
+ // message.success(t('common.delSuccess'))
|
|
|
|
|
+ // // 刷新列表
|
|
|
|
|
+ // await getList()
|
|
|
|
|
+ // } catch {}
|
|
|
|
|
+ console.log('删除功能')
|
|
|
|
|
+}
|
|
|
|
|
+/** 多选框选中数据 */
|
|
|
|
|
+
|
|
|
|
|
+const handleSelectionChange = (selection: any[]) => {
|
|
|
|
|
+ ids.value = selection.map((item) => item.id)
|
|
|
|
|
+ multiple.value = !selection.length
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
<style scoped lang="scss">
|
|
|
|
|
+.topTitle {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ line-height: 40px;
|
|
|
|
|
+}
|
|
|
|
|
+.set-btn {
|
|
|
|
|
+ width: 60px;
|
|
|
|
|
+ height: 30px;
|
|
|
|
|
+ border: 1px solid black;
|
|
|
|
|
+ border-radius: 6px;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ line-height: 30px;
|
|
|
|
|
+ float: right;
|
|
|
|
|
+ cursor: pointer;
|
|
|
|
|
+ margin: 10px 0;
|
|
|
|
|
+
|
|
|
|
|
+ img {
|
|
|
|
|
+ width: 14px;
|
|
|
|
|
+ height: 14px;
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
|
|
|
|
|
+.tab-header {
|
|
|
|
|
+ background-color: #f5f7fa;
|
|
|
|
|
+ border-bottom: 1px solid #dcdfe6;
|
|
|
|
|
+ padding: 12px 20px;
|
|
|
|
|
+ border-radius: 4px 4px 0 0;
|
|
|
|
|
+}
|
|
|
|
|
+.noticeContent{
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+ padding: 10px 30px;
|
|
|
|
|
+ background: blue;
|
|
|
|
|
+}
|
|
|
</style>
|
|
</style>
|