This commit is contained in:
yangjun 2024-08-26 17:09:27 +08:00
commit 2fa3154615
5 changed files with 184 additions and 109 deletions

View File

@ -17,7 +17,7 @@
<a-row>
<a-col :span="24">
<span class="title">填写教学大纲内容</span>
<a-button type="primary" @click="init" style="float: right; margin-right: 8px; margin-top: -6px">
<a-button type="primary" @click="init" style="float: right; margin-right: 8px; margin-top: -1px">
<Icon icon="ant-design:export-outlined" />返回
</a-button>
<a-divider />
@ -25,11 +25,11 @@
<a-col :span="24" v-if="addShow">
<a-row>
<a-col :span="24">
<div style="width: 100%; padding: 2px 20px; color: #666; font-size: 14px; background: #f6f6f6"
<div style="width: 100%;padding:8px 0px 5px 18px;font-size:12px; color:#666; border-left:3px solid #18a689;"
><span>请选择填写的教学大纲版本</span></div
>
</a-col>
<a-col :span="23" style="margin: 0 auto; border: 1px solid #eceff6; border-radius: 4px; margin-top: 8px">
<a-col :span="24" class="borderstyle">
<a-table :columns="jxdgbbColumns" :dataSource="jxdgbbDataSource" :pagination="false">
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'action'">
@ -46,31 +46,31 @@
:span="23"
v-for="(item, index) in zyJxdgMainTable.dataSource"
:key="index"
style="margin: 8px auto; background: #fff; border: 1px solid #eee"
class="borderstyle"
>
<a-row>
<a-col :span="24" style="height: 40px; line-height: 40px; background-color: #f6f6f6">
<a-col :span="24" style="height: 40px; line-height: 40px; background-color: #f7fbfa;border-radius:6px">
<span class="title">{{ item.title }}</span>
</a-col>
<!-- 单行文本 1 -->
<a-col v-if="item.type === '1'" :span="24">
<a-input placeholder="请输入内容" v-model:value="item.content" style="width: 100%" @blur="handleGlxm(item)"></a-input>
<a-input placeholder="请输入内容" v-model:value="item.content" style="width: 100%;" @blur="handleGlxm(item)"></a-input>
</a-col>
<!-- 多行文本 2 -->
<a-col v-else-if="item.type === '2'" :span="24">
<a-textarea placeholder="请输入内容" v-model:value="item.content" style="width: 100%"></a-textarea>
<a-textarea placeholder="请输入内容" v-model:value="item.content" style="width: 100%;"></a-textarea>
</a-col>
<!-- 富文本 3 -->
<a-col v-else-if="item.type === '3'" :span="24">
<j-editor placeholder="请输入内容" v-model:value="item.content" :disabled="disabled" />
</a-col>
<!-- 固定表单基础信息 4 -->
<a-col v-else-if="item.type === '4'" v-model:value="item.content" :span="24">
<a-col v-else-if="item.type === '4'" v-model:value="item.content" :span="24" >
<a-form v-bind="formItemLayout">
<a-row>
<a-col v-for="(item2, index2) in item.zyJxdgPzxxList" :key="index2" :span="12">
<a-form-item :label="item2.title"
><a-input :placeholder="`请输入` + item2.title" v-model:value="item2.content"
><a-input :placeholder="`请输入` + item2.title" v-model:value="item2.content"
/></a-form-item>
</a-col>
</a-row>
@ -80,7 +80,7 @@
<a-col v-else-if="item.type === '5'" :span="24">
<a-table :columns="getTableColumns(item.zyJxdgPzxxList)" :dataSource="item.list" :pagination="false">
<template #bodyCell="{ column, record }">
<a-input placeholder="请输入内容" v-model:value="record[column.key]" style="width: 80%"></a-input>
<a-input placeholder="请输入内容" v-model:value="record[column.key]" style="width: 80%;"></a-input>
</template>
</a-table>
</a-col>
@ -95,10 +95,10 @@
placeholder="请输入内容"
v-model:value="item2.title"
class="form-pattern"
style="width: 80%; margin: 0 10px 5px 20px"
style="width:90%; "
@blur="handleGlxm(item)"
></a-input>
<button @click="handleDhwbDel(item, index2)" class="ant-btn" style="margin: 8px 0">删除</button>
<button @click="handleDhwbDel(item, index2)" class="ant-btn">删除</button>
</a-col>
</a-row>
</a-col>
@ -108,9 +108,9 @@
<a-col>
<a-button type="primary" @click="handleDhfwb(item)" class="increase" preIcon="ant-design:plus-outlined">添加</a-button>
</a-col>
<a-col v-for="(item2, index2) in item.list" :key="index2" style="text-align: right">
<a-col v-for="(item2, index2) in item.list" :key="index2" style="text-align: right;">
<j-editor placeholder="请输入内容" v-model:value="item2.title" :disabled="disabled" />
<button @click="handleDhfwbDel(item, index2)" class="ant-btn" style="margin: 8px 0">删除</button>
<button @click="handleDhfwbDel(item, index2)" class="ant-btn" style="margin: 8px 0 ">删除</button>
</a-col>
</a-row>
</a-col>
@ -120,7 +120,7 @@
<a-col>
<a-button type="primary" @click="handleDhwbArea(item)" class="increase" preIcon="ant-design:plus-outlined">添加</a-button>
</a-col>
<a-col v-for="(item2, index2) in item.list" :key="index2" style="text-align: right">
<a-col v-for="(item2, index2) in item.list" :key="index2" style="text-align: right;">
<a-textarea placeholder="请输入内容" v-model:value="item2.title" :disabled="disabled" />
<button @click="handleDhwbAreaDel(item, index2)" class="ant-btn" style="margin: 8px 0">删除</button>
</a-col>
@ -154,7 +154,7 @@
placeholder="请输入内容"
v-model:value="record[column.key]"
@blur="handleTwoGlxm(item)"
style="width: 100%"
style="width: 100%;"
></a-input>
</template>
</template>
@ -184,27 +184,27 @@
<a-col v-else-if="item.type === '12'" :span="24">
<a-row>
<a-col>
<a-button type="primary" @click="handleKcmbZzbg(item)" class="increase">添加</a-button>
<a-button type="primary" @click="handleKcmbZzbg(item)" class="increase" preIcon="ant-design:plus-outlined">添加</a-button>
</a-col>
<a-col style="margin-bottom: 15px"></a-col>
<a-col v-for="(item2, index2) in item.list2Map" :key="index2">
<!-- -{{ item2 }}- -->
<a-row>
<a-col v-for="(item3, index3) in item2" :span="index3 == 0 ? '5' : '16'" :key="index3">
<a-row style="margin:10px">
<a-col v-for="(item3, index3) in item2" :span="index3 == 0 ? '5' : '16'" :key="index3" >
<!-- -{{ item3 }}- -->
<span>
<a-input
placeholder="请输入内容"
v-model:value="item3.title"
class="Sheet"
style="width: 80%; margin: 0 10px 10px 15px"
style="width:95%; "
:disabled="index3 == 0"
@blur="handle2Glxm(item)"
></a-input>
</span>
</a-col>
<a-col :span="2">
<button @click="handleKcmbZzbgDel(item, index2)" class="ant-btn">删除</button>
<button @click="handleKcmbZzbgDel(item, index2)" class="ant-btn" >删除</button>
</a-col>
</a-row>
</a-col>
@ -215,7 +215,7 @@
<a-col v-else-if="item.type === '13'" :span="24">
<a-row>
<a-col>
<a-button type="primary" @click="handle13Zzbg(item)" class="increase">添加</a-button>
<a-button type="primary" @click="handle13Zzbg(item)" class="increase" preIcon="ant-design:plus-outlined">添加</a-button>
</a-col>
<a-col style="margin-bottom: 15px"></a-col>
<a-col>
@ -223,10 +223,10 @@
<a-row v-for="(item2, index2) in item.list" :key="index2">
<a-col v-for="(item3, index3) in item2.list" :key="index3" style="line-height: 40px">
<a-row>
<a-col style="text-align: left" :span="6"> {{ item3.title }} </a-col>
<a-col style="text-align:right; color:#777;" :span="6"> {{ item3.title }}: </a-col>
<a-col :span="18">
<span v-if="item3.type === '1'">
<a-input v-model:value="item3.content" style="width: 90%"></a-input>
<a-input v-model:value="item3.content" style="width:97%; margin-left:10px; text-align: left"></a-input>
</span>
<span v-if="item3.type === '2'">
<a-select
@ -234,7 +234,7 @@
v-model:value="item3.content"
mode="tags"
:disabled="disabled"
style="width: 90%"
style="width:97%; text-align:left;margin-left:10px;"
>
<a-select-option value="">{{ `请选择` + item3.title }}</a-select-option>
<a-select-option :value="peizhi.title" v-for="(peizhi, index2) in kcmbDataSource" :key="index2">{{
@ -245,8 +245,8 @@
</a-col>
</a-row>
</a-col>
<a-col style="text-align: right">
<button class="ant-btn" @click="handle13DelZzbg(item, index2)" style="margin-left: 10px">删除</button>
<a-col style="text-align: right; margin-right:9px;">
<button class="ant-btn" @click="handle13DelZzbg(item, index2)" style="margin:5px 0">删除</button>
</a-col>
</a-row>
</a-col>
@ -257,12 +257,12 @@
<a-col v-else-if="item.type === '14'" :span="24">
<a-row>
<a-col>
<a-button type="primary" @click="handle14Zzbg(item)" class="increase">添加</a-button>
<a-button type="primary" @click="handle14Zzbg(item)" class="increase" preIcon="ant-design:plus-outlined">添加</a-button>
</a-col>
<a-col v-if="kcmbShow">
<a-row>
<a-col :span="10">
<a-select :placeholder="`请选择课程目标`" v-model:value="checkKcmb" :disabled="disabled" style="width: 90%">
<a-select :placeholder="`请选择课程目标`" v-model:value="checkKcmb" :disabled="disabled" style="width: 90%; margin:10px 0">
<a-select-option value="">请选择课程目标</a-select-option>
<a-select-option :value="peizhi.title" v-for="(peizhi, index2) in kcmbDataSource" :key="index2">{{
peizhi.title
@ -270,7 +270,7 @@
</a-select>
</a-col>
<a-col :span="10">
<a-select :placeholder="`请选择考核方式`" v-model:value="checkKhfs" :disabled="disabled" mode="tags" style="width: 90%">
<a-select :placeholder="`请选择考核方式`" v-model:value="checkKhfs" :disabled="disabled" mode="tags" style="width: 90%;margin:10px 0">
<a-select-option value="">请选择考核方式</a-select-option>
<a-select-option :value="peizhi.title" v-for="(peizhi, index2) in khmbDataSource" :key="index2">{{
peizhi.title
@ -278,7 +278,7 @@
</a-select>
</a-col>
<a-col :span="4">
<button class="ant-btn" @click="handleKhmbqueren(item)" style="margin-left: 10px">确认</button>
<button class="ant-btn" @click="handleKhmbqueren(item)" style="margin:10px 0">确认</button>
</a-col>
</a-row>
</a-col>
@ -339,14 +339,14 @@
:span="23"
v-for="(item, index) in zyJxdgMainTable.dataSource"
:key="index"
style="margin: 8px auto; background: #fff; border: 1px solid #eee"
class="borderstyle"
>
<a-row>
<a-col :span="24" style="height: 40px; line-height: 40px; background-color: #f6f6f6">
<a-col :span="24" style="height: 40px; line-height: 40px; background-color: #f7fbfa;border-radius:6px">
<span class="title">{{ item.title }}</span>
</a-col>
<!-- 单行文本 1 -->
<a-col v-if="item.type === '1'" :span="24" style="margin: 10px">
<a-col v-if="item.type === '1'" :span="24" style="margin: 10px;">
<span class="Text-Content" v-text="item.content"></span>
</a-col>
<!-- 多行文本 2 -->
@ -404,7 +404,7 @@
<!-- 自增表格 9 -->
<a-col v-else-if="item.type === '9' || item.type === '15'" :span="24">
<a-table :columns="getTableZzColumns2(item.zyJxdgPzxxList)" :dataSource="item.list" :pagination="false"> </a-table>
<a-table :columns="getTableZzColumns2(item.zyJxdgPzxxList)" :dataSource="item.list" :pagination="false"> </a-table>
</a-col>
<!-- 自增表格两列关联 10 -->
<a-col v-else-if="item.type === '10'" :span="24">
@ -424,7 +424,7 @@
<a-row>
<a-col v-for="(item3, index3) in item2" :span="index3 == 0 ? '5' : '16'" :key="index3">
<!-- -{{ item3 }}- -->
<span style="line-height: 40px; margin-left: 15px" v-if="index3 == 0"> {{ item3.title }} </span>
<span style="line-height: 40px; margin-left: 15px;" v-if="index3 == 0"> {{ item3.title }}: </span>
<span style="line-height: 40px" v-else>
{{ item3.title }}
</span>
@ -439,9 +439,9 @@
<a-row>
<a-col>
<a-row v-for="(item2, index2) in item.list" :key="index2" class="dhxg">
<a-col v-for="(item3, index3) in item2.list" :key="index3" style="line-height: 40px">
<a-row style="padding: 10px">
<a-col style="text-align: left" :span="7"> {{ item3.title }} </a-col>
<a-col v-for="(item3, index3) in item2.list" :key="index3" style="line-height: 40px;">
<a-row style="padding:5px; ">
<a-col style="text-align: left" :span="7"> {{ item3.title }}: </a-col>
<a-col :span="15">
{{ item3.content }}
</a-col>
@ -1196,7 +1196,7 @@ onMounted(() => {
}
.ant-form-item {
box-sizing: border-box;
margin: 10px 0;
margin: 6px 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
@ -1206,6 +1206,7 @@ onMounted(() => {
font-feature-settings: tnum;
/* margin-bottom: 24px; */
vertical-align: top;
background: #fafafa ;
}
.bled-countenance {
color: #333333;
@ -1255,11 +1256,11 @@ onMounted(() => {
}
.Text-Content {
padding: 10px;
color: #888;
color: #777;
}
.dhxg {
padding: 15px;
border: 1px solid #ccc;
border: 1px solid #f0f0f0;
margin: 15px;
border-radius: 10px;
}
@ -1277,4 +1278,19 @@ onMounted(() => {
margin: 17px;
border-radius: 10px;
}
.borderstyle{
margin:8px auto;
border:1px solid #e6e6e6;
background:#fff;
border-radius:6px;
padding: 8px;
}
.borderstyle:hover{
margin:8px auto;
border:1px solid #e6e6e6;
background:#fff;
border-radius:6px;
padding:8px;
box-shadow: 2px 2px 10px 1px #d4d4d4;
}
</style>

View File

@ -1,5 +1,5 @@
<template>
<a-spin :spinning="loading">
<a-spin :spinning="loading" >
<!-- <a-form v-bind="formItemLayout">
<a-row>
<a-col :span="24">
@ -38,14 +38,14 @@
:span="23"
v-for="(item, index) in zyJxdgMainTable.dataSource"
:key="index"
style="margin: 8px auto; border: 1px solid #f5f5f5; background: #fbfbfb; border-radius: 5px"
class="borderstyle"
>
<a-row>
<a-col :span="24">
<div class="title">{{ item.title }}</div>
</a-col>
<!-- 单行文本 1 -->
<a-col v-if="item.type === '1'" :span="24">
<a-col v-if="item.type === '1'" :span="24" >
<a-input placeholder="请输入内容" v-model:value="item.content" style="width: 100%"></a-input>
</a-col>
<!-- 多行文本 2 -->
@ -58,11 +58,11 @@
</a-col>
<!-- 固定表单基础信息 4 -->
<a-col v-else-if="item.type === '4'" v-model:value="item.content" :span="24">
<a-col style="margin-bottom: 15px"></a-col>
<a-col style="margin-bottom: 15px;"></a-col>
<a-form v-bind="formItemLayout">
<a-row>
<a-col v-for="(item2, index2) in item.zyJxdgPzxxList" :key="index2" :span="12">
<a-form-item :label="item2.title"><a-input :placeholder="`请输入` + item2.title" v-model:value="item2.content" /></a-form-item>
<a-form-item :label="item2.title"><a-input :placeholder="`请输入` + item2.title" v-model:value="item2.content"/></a-form-item>
<!-- {{ item2.title }}:<a-input placeholder="请输入内容" style="width:60%;"></a-input> -->
</a-col>
</a-row>
@ -70,9 +70,9 @@
</a-col>
<!-- 自增表格 5 -->
<a-col v-else-if="item.type === '5'" :span="24">
<a-table :columns="getTableColumns(item.zyJxdgPzxxList)" :dataSource="item.list" :pagination="false">
<a-table :columns="getTableColumns(item.zyJxdgPzxxList)" :dataSource="item.list" :pagination="false" >
<template #bodyCell="{ column, record }">
<a-input placeholder="请输入内容" v-model:value="record[column.key]" style="width: 80%"></a-input>
<a-input placeholder="请输入内容" v-model:value="record[column.key]" style="width: 80%;"></a-input>
<!-- <template v-if="column.key === 'name'">
</template> -->
</template>
@ -82,7 +82,7 @@
<a-col v-else-if="item.type === '6'" :span="24">
<a-row>
<a-col>
<a-button type="primary" @click="handleDhwb(item)" class="increase">添加</a-button>
<a-button type="primary" @click="handleDhwb(item)" class="increase" preIcon="ant-design:plus-outlined">添加</a-button>
</a-col>
<a-col style="margin-bottom: 15px"></a-col>
<a-col v-for="(item2, index2) in item.list" :key="index2">
@ -101,7 +101,7 @@
<a-col v-else-if="item.type === '7'" :span="24">
<a-row>
<a-col>
<a-button type="primary" @click="handleDhfwb(item)" class="increase">添加</a-button>
<a-button type="primary" @click="handleDhfwb(item)" class="increase" preIcon="ant-design:plus-outlined">添加</a-button>
</a-col>
<a-col v-for="(item2, index2) in item.list" :key="index2" style="text-align: right">
<j-editor placeholder="请输入内容" v-model:value="item2.title" :disabled="disabled" style="width: 500px; height: 200px" />
@ -113,7 +113,7 @@
<a-col v-else-if="item.type === '8'" :span="24">
<a-row>
<a-col>
<a-button type="primary" @click="handleDhwbArea(item)" class="increase">添加</a-button>
<a-button type="primary" @click="handleDhwbArea(item)" class="increase" preIcon="ant-design:plus-outlined">添加</a-button>
</a-col>
<a-col v-for="(item2, index2) in item.list" :key="index2" style="text-align: right">
<a-textarea placeholder="请输入内容" v-model:value="item2.title" :disabled="disabled" />
@ -124,7 +124,7 @@
<!-- 自增表格 9 -->
<a-col v-else-if="item.type === '9' || item.type === '15'" :span="24">
<div><a-button type="primary" @click="handleZzbg(item)" class="increase">新增</a-button> </div>
<div><a-button type="primary" @click="handleZzbg(item)" class="increase" preIcon="ant-design:plus-outlined">新增</a-button> </div>
<a-table :columns="getTableZzColumns(item.zyJxdgPzxxList)" :dataSource="item.list" :pagination="false">
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'action'">
@ -138,7 +138,7 @@
</a-col>
<!-- 自增表格两列关联 10 -->
<a-col v-else-if="item.type === '10'" :span="24">
<div><a-button type="primary" @click="handleZzbg(item)" class="increase">新增</a-button> </div>
<div><a-button type="primary" @click="handleZzbg(item)" class="increase" preIcon="ant-design:plus-outlined">新增</a-button> </div>
<a-table :columns="getTableZzColumns(item.zyJxdgPzxxList)" :dataSource="item.list" :pagination="false">
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'action'">
@ -152,7 +152,7 @@
</a-col>
<!-- 自增表格多专业 11 -->
<a-col v-else-if="item.type === '11'" :span="24">
<div><a-button type="primary" @click="handleZzbg(item)" class="increase">新增</a-button> </div>
<div><a-button type="primary" @click="handleZzbg(item)" class="increase" preIcon="ant-design:plus-outlined">新增</a-button> </div>
<a-table :columns="getTableZzColumns(item.zyJxdgPzxxList)" :dataSource="item.list" :pagination="false">
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'action'">
@ -170,7 +170,7 @@
<a-col v-else-if="item.type === '12'" :span="24">
<a-row>
<a-col>
<a-button type="primary" @click="handleKcmbZzbg(item)" class="increase">添加</a-button>
<a-button type="primary" @click="handleKcmbZzbg(item)" class="increase" preIcon="ant-design:plus-outlined">添加</a-button>
</a-col>
<a-col style="margin-bottom: 15px"></a-col>
<a-col v-for="(item2, index2) in item.list2Map" :key="index2">
@ -183,7 +183,7 @@
placeholder="请输入内容"
v-model:value="item3.title"
class="Sheet"
style="width: 80%; margin: 0 10px 10px 15px"
style="width:95%; margin: 0 10px 10px 15px"
:disabled="index3 == 0"
@blur="handle2Glxm(item)"
></a-input>
@ -201,18 +201,18 @@
<a-col v-else-if="item.type === '13'" :span="24">
<a-row>
<a-col>
<a-button type="primary" @click="handle13Zzbg(item)" class="increase">添加</a-button>
<a-button type="primary" @click="handle13Zzbg(item)" class="increase" preIcon="ant-design:plus-outlined">添加</a-button>
</a-col>
<a-col style="margin-bottom: 15px"></a-col>
<a-col>
<!-- -{{ item.list}}- -->
<a-row v-for="(item2, index2) in item.list" :key="index2">
<a-col v-for="(item3, index3) in item2.list" :key="index3" style="line-height: 40px">
<a-col v-for="(item3, index3) in item2.list" :key="index3" style="line-height: 40px;">
<a-row>
<a-col style="text-align: left" :span="6"> {{ item3.title }} </a-col>
<a-col style="text-align: right;color:#777" :span="6"> {{ item3.title }}: </a-col>
<a-col :span="18">
<span v-if="item3.type === '1'">
<a-input v-model:value="item3.content" style="width: 90%"></a-input>
<a-input v-model:value="item3.content" style="width:98%; margin-left:10px;"></a-input>
</span>
<span v-if="item3.type === '2'">
<a-select
@ -220,7 +220,7 @@
v-model:value="item3.content"
mode="tags"
:disabled="disabled"
style="width: 90%"
style="width:98%;margin-left:10px;"
>
<a-select-option value="">{{ `请选择` + item3.title }}</a-select-option>
<a-select-option :value="peizhi.title" v-for="(peizhi, index2) in kcmbDataSource" :key="index2">{{
@ -231,8 +231,8 @@
</a-col>
</a-row>
</a-col>
<a-col style="text-align: right">
<button class="ant-btn" @click="handle13DelZzbg(item, index2)" style="margin-left: 10px">删除</button>
<a-col style="text-align:right;margin-right:9px;">
<button class="ant-btn" @click="handle13DelZzbg(item, index2)" style="margin:10px 0">删除</button>
</a-col>
</a-row>
</a-col>
@ -243,28 +243,28 @@
<a-col v-else-if="item.type === '14'" :span="24">
<a-row>
<a-col>
<a-button type="primary" @click="handle14Zzbg(item)" class="increase">添加</a-button>
<a-button type="primary" @click="handle14Zzbg(item)" class="increase" preIcon="ant-design:plus-outlined">添加</a-button>
</a-col>
<a-col v-if="kcmbShow">
<a-row>
<a-col :span="10">
<a-select :placeholder="`请选择课程目标`" v-model:value="checkKcmb" :disabled="disabled" style="width: 90%">
<a-select-option value="">请选择课程目标</a-select-option>
<a-col :span="11">
<a-select :placeholder="`请选择课程目标`" v-model:value="checkKcmb" :disabled="disabled" style="width:92%; margin:15px">
<a-select-option value="">请选择课程目标</a-select-option>
<a-select-option :value="peizhi.title" v-for="(peizhi, index2) in kcmbDataSource" :key="index2">{{
peizhi.title
}}</a-select-option>
</a-select>
</a-col>
<a-col :span="10">
<a-select :placeholder="`请选择考核方式`" v-model:value="checkKhfs" :disabled="disabled" mode="tags" style="width: 90%">
<a-col :span="11">
<a-select :placeholder="`请选择考核方式`" v-model:value="checkKhfs" :disabled="disabled" mode="tags" style="width:94%;margin:15px 0">
<a-select-option value="">请选择考核方式</a-select-option>
<a-select-option :value="peizhi.title" v-for="(peizhi, index2) in khmbDataSource" :key="index2">{{
peizhi.title
}}</a-select-option>
</a-select>
</a-col>
<a-col :span="4">
<button class="ant-btn" @click="handleKhmbqueren(item)" style="margin-left: 10px">确认</button>
<a-col :span="2">
<button class="ant-btn" @click="handleKhmbqueren(item)" style="margin:15px 0; margin-left:4px;">确认</button>
</a-col>
</a-row>
</a-col>
@ -921,7 +921,7 @@ export default defineComponent({
.increase {
position: absolute;
right: 4px;
top: -37px;
top: -36px;
}
.place-dele {
margin: 10px 0;
@ -930,4 +930,19 @@ export default defineComponent({
color: #91949a;
border-radius: 4px;
}
.borderstyle{
margin:8px auto;
border:1px solid #e6e6e6;
padding:12px;
background:#fff;
border-radius:5px;
}
.borderstyle:hover{
margin:8px auto;
border:1px solid #e6e6e6;
padding:12px;
background:#fff;
border-radius:5px;
box-shadow: 2px 2px 10px 1px #d4d4d4;
}
</style>

View File

@ -1,5 +1,5 @@
<template>
<BasicModal v-bind="$attrs" @register="registerModal" :title="title" :width="1100" @ok="handleSubmit">
<BasicModal v-bind="$attrs" @register="registerModal" :title="title" :width="1100" @ok="handleSubmit" >
<zy-jxdg-banben-form ref="formComponent" :formDisabled="formDisabled" :formBpm="false" @success="submitSuccess"></zy-jxdg-banben-form>
</BasicModal>
</template>

View File

@ -1,5 +1,5 @@
<template>
<a-spin :spinning="loading" >
<a-spin :spinning="loading">
<a-form v-bind="formItemLayout" style=" padding-top:20px;" >
<a-row>
<a-col :span="24">
@ -30,28 +30,28 @@
<div class="explain-word">3.被关联项目禁用问题目前只支持文本及表格进行关联富文本表单多行文本不支持被关联</div>
</div>
</a-col>
<a-col :span="23" v-for="(item,index) in zyJxdgMainTable.dataSource" :key="index" style="margin:8px auto;border:1px solid #f5f5f5;padding:10px;background:#fbfbfb;border-radius:5px;">
<a-col :span="23" v-for="(item,index) in zyJxdgMainTable.dataSource" :key="index" class="borderstyle">
<a-row style="margin:10px;">
<a-col :span="6" style="padding-right:10px;">
<a-input v-model:value="item.title" placeholder="请输入标题" :disabled="disabled" class="input-title"/>
</a-col>
<a-col :span="6" style="padding-right:4px;">
<j-dict-select-tag type='list' v-model:value="item.type" dictCode="jxdglx" :disabled="disabled" style=" width: 100%;"/>
<j-dict-select-tag type='list' v-model:value="item.type" dictCode="jxdglx" :disabled="disabled" style="width: 100%;"/>
</a-col>
<a-col :span="6">
<a-select placeholder="请选择关联第几个项目" v-model:value="item.guanlian" mode="tags" :disabled="disabled" style="margin-left:-12px;width: 100%;">
<a-select placeholder="请选择关联第几个项目" v-model:value="item.guanlian" mode="tags" :disabled="disabled" style="margin-left:-12px;width: 100%;">
<a-select-option value="">请选择关联第几个项目</a-select-option>
<a-select-option :value="peizhi.sort" v-for="(peizhi,index2) in zyJxdgMainTable.dataSource" :key="index2">{{peizhi.title}}</a-select-option>
</a-select>
</a-col>
<a-col :span="6">
<a-col :span="6" >
<j-dict-select-tag type='select' v-model:value="item.sfsglxm" dictCode="yn" libelName="是否是被关联项目" :disabled="disabled || item.type == '2' || item.type == '3' || item.type == '4' || item.type == '7' || item.guanlian == '8' "/>
</a-col>
<a-col :span="21">
<a-col :span="22">
<a-input v-model:value="item.tsy" placeholder="请输入提示语" :disabled="disabled" class="Prompt-language" />
</a-col>
<a-col :span="3">
<button @click="handleOneDel(item,index)" class="ant-btn" style="margin-left:10px">删除</button>
<a-col :span="2">
<button @click="handleOneDel(item,index)" class="ant-btn" style="margin-left:10px;width:100%">删除</button>
</a-col>
<!--
单行文本 1
@ -77,11 +77,11 @@
</a-col>
<a-col :span="24" v-for="(twoItem,index2) in item.zyJxdgPzxxList" :key="index2">
<a-row>
<a-col :span="21">
<a-col :span="22">
<a-input v-model:value="twoItem.title" placeholder="请输入选项" :disabled="disabled" class="fields-add"/>
</a-col>
<a-col :span="3"><close-outlined />
<button @click="handleTwoDel(item,index2)" class="ant-btn" style="margin-left:10px">删除</button>
<a-col :span="2"><close-outlined />
<button @click="handleTwoDel(item,index2)" class="ant-btn" type="button" style="margin-left:10px; width:100%">删除</button>
</a-col>
</a-row>
</a-col>
@ -321,14 +321,26 @@
border-radius: 4px;
}
.Prompt-language{
color: #bda787;
color: #95989e;
font-size:14px;
}
.explain-word{
color:#ff9924;
font-size:12px;
}
.ant-btn{
color: #666;
}
.borderstyle{
margin:8px auto;
border:1px solid #e6e6e6;
padding:12px;
background:#fff;
border-radius:5px;
}
.borderstyle:hover{
margin:8px auto;
border:1px solid #e6e6e6;
padding:12px;
background:#fff;
border-radius:5px;
box-shadow: 2px 2px 10px 1px #d4d4d4;
}
</style>

View File

@ -439,16 +439,15 @@
<a @click="handleAddOne" class="ant-btn buttonClass mar-right20"><Icon icon="ant-design:file-add-outlined" />新增作业</a>
</a-col>
<a-col :span="24">
<a-row style="padding: 10px">
<a-col :lg="24" v-for="(item, index) in tableData" style="padding: 0 5px 5px 5px" :key="index">
<a-row style="padding: 10px;">
<a-col :lg="24" v-for="(item, index) in tableData" style="padding: 0 5px 12px 5px;border-radius:5px;" :key="index">
<a-card
:title="'第' + item.sort + '次作业(占比' + item.score + '%)'"
v-if="!item.endTime"
class="cardClass"
bodyStyle="background: #fff;"
class="cardClass module-bg"
>
<template #extra
><span style="color: #ff8710; font-weight: bold"><Icon icon="ant-design:setting-outlined" /> 待设置</span>
><span class="card-label3"> 待设置</span>
</template>
<p class="sznrClass">尚未布置作业题目及具体要求</p>
<div style="text-align: right">
@ -460,11 +459,10 @@
<a-card
:title="'第' + item.sort + '次作业(占比' + item.score + '%)'"
v-if="item.endTime && item.zyStatus == '1'"
class="cardClass"
bodyStyle="background: #fff;"
class="cardClass module-bg"
>
<template #extra
><span style="color: #02aa56; font-weight: bold"><Icon icon="ant-design:check-outlined" />已发布</span>
<template #extra
><span class="card-label">已发布</span>
</template>
<div class="ellip-title">
<span class="ellipsis elli-title" :title="item.title">{{ item.title }}</span>
@ -491,12 +489,12 @@
<div class="ellip-word"><span class="ellip-word2">作业截止时间</span>{{ dayjs(item.endTime).format('YYYY.MM.DD HH:mm') }}</div>
</div>
<div style="text-align: right; margin-top: 20px; margin-bottom: -10px; width: 100%">
<a @click="handleEdit(item, true)" v-if="item.ytjnum > 0">编辑作业</a>
<a @click="handleChehui(item)" v-if="item.ytjnum == 0">撤回作业</a>
<a @click="handleEdit(item, true)" v-if="item.ytjnum > 0" class="home-status" ><Icon icon="ant-design:form-outlined" />编辑作业</a>
<a @click="handleChehui(item)" v-if="item.ytjnum == 0" class="home-status"><Icon icon="ant-design:import-outlined" />撤回作业</a>
<a-divider type="vertical" />
<a @click="handleZyxx(item, '')">批阅作业</a>
<a @click="handleZyxx(item, '')" class="home-status"><Icon icon="ant-design:file-done-outlined" />批阅作业</a>
<a-divider type="vertical" />
<a @click="handleDelete(item)" v-if="item.ytjnum == '0'">删除</a>
<a @click="handleDelete(item)" v-if="item.ytjnum == '0'" class="home-status"><Icon icon="ant-design:delete-outlined" />删除</a>
</div>
</div>
</a-card>
@ -507,7 +505,7 @@
bodyStyle="background: #fff;"
>
<template #extra
><span style="color: #ff8710; font-weight: bold"><Icon icon="ant-design:send-outlined" />待发布</span>
><span class="card-label2">待发布</span>
</template>
<div class="ellip-title">
<span class="ellipsis elli-title" :title="item.title">{{ item.title }}</span>
@ -519,11 +517,11 @@
</div>
<div style="height: 45px">&nbsp;</div>
<div style="text-align: right; margin-top: 30px">
<a @click="handleEdit(item, false)">编辑作业</a>
<a @click="handleEdit(item, false)"><Icon icon="ant-design:form-outlined" />编辑作业</a>
<a-divider type="vertical" />
<a @click="handleFabu(item)">发布作业</a>
<a @click="handleFabu(item)"><Icon icon="ant-design:upload-outlined" />发布作业</a>
<a-divider type="vertical" />
<a @click="handleDelete(item)">删除</a>
<a @click="handleDelete(item)"><Icon icon="ant-design:delete-outlined" />删除</a>
</div>
</a-card>
</a-col>
@ -1606,9 +1604,13 @@ onMounted(() => {
font-feature-settings: tnum;
position: relative;
border-radius: 5px;
border: 1px solid #dadada;
border: 1px solid #f0f0f0;
background: #f7f7f7;
}
.ant-card:hover{
box-sizing: border-box;
box-shadow: 2px 2px 10px 1px #d4d4d4;
}
.ant-card-head {
min-height: 48px;
margin-bottom: -1px;
@ -1648,13 +1650,14 @@ onMounted(() => {
.zuanqu:hover {
cursor: pointer;
color: #18a689;
background: #eff6f4;
}
.data-suggest {
display: flex;
flex-direction: column;
text-align: center;
width: 25%;
margin-right: 3px;
margin-right:5px;
padding: 8px 3px;
border-radius: 5px;
background: #f7f7f7;
@ -1732,4 +1735,33 @@ onMounted(() => {
border-left: 5px solid #029c88;
margin-bottom: 20px;
}
</style>
.module-bg{
background: #fff;
border-radius:6px;
border: 1px solid #e6e6e6;
}
.home-status{
color: #1ab394;
}
.home-status:hover{
color: #333;
}
.card-label{
background: #81cbbc;
border-radius:4px;
color: #fff;
padding: 2px 6px;
}
.card-label2{
background: #84c4fa;
border-radius:4px;
color: #fff;
padding: 2px 6px;
}
.card-label3{
background: #fabe84;
border-radius:4px;
color: #fff;
padding: 2px 6px;
}
</style>