| | |
| | | </el-row> |
| | | </el-form> |
| | | <el-button size="default" :icon="Delete" @click="clear">清除选择</el-button> |
| | | <el-table :data="tableData" style="width: 100%; margin-top: 20px" @cell-click="radio"> |
| | | <el-table-column align="center"> |
| | | <el-table :data="tableData" style="width: 100%; margin-top: 20px"> |
| | | <el-table-column align="center"> |
| | | <template #default="scope"> |
| | | <el-radio-group v-model="radio1"> |
| | | <el-radio :label="scope.row.id" size="large">{{ null }}</el-radio> |
| | | <el-radio :label="scope.row.id" @click="radio(scope.row)" size="large">{{ null }}</el-radio> |
| | | </el-radio-group> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column align="center" prop="qname" label="奖惩名称" width="180" /> |
| | | <el-table-column align="center" label="奖惩类型" width="180"> |
| | | <template #default="scope"> |
| | | <span v-if="scope.row.standardType==1">奖励</span> |
| | | <span v-if="scope.row.standardType==2">惩罚</span> |
| | | <span></span> |
| | | <span v-if="scope.row.standardType == 1">奖励</span> |
| | | <span v-if="scope.row.standardType == 2">惩罚</span> |
| | | <span></span> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table-column> |
| | | <el-table-column align="center" prop="content" label="奖惩内容" /> |
| | | </el-table> |
| | | <el-pagination |
| | |
| | | /> |
| | | </el-col> |
| | | <el-col :span="7"> |
| | | <div v-if="dynamicTags[0]==''?false:true"> |
| | | <el-tag |
| | | v-for="tag in dynamicTags" |
| | | :key="tag" |
| | | class="mx-1" |
| | | style="margin: 5px" |
| | | closable |
| | | :disable-transitions="false" |
| | | @close="handleClose(tag)" |
| | | > |
| | | {{ tag.qname }} |
| | | </el-tag> |
| | | <div v-if="dynamicTags[0] == '' ? false : true"> |
| | | <el-tag |
| | | v-for="tag in dynamicTags" |
| | | :key="tag" |
| | | class="mx-1" |
| | | style="margin: 5px" |
| | | closable |
| | | :disable-transitions="false" |
| | | @close="handleClose(tag)" |
| | | > |
| | | {{ tag.qname }} |
| | | </el-tag> |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | </el-dialog> |
| | | </template> |
| | | <script lang="ts"> |
| | | import { defineComponent, reactive, ref,onMounted } from 'vue'; |
| | | import { defineComponent, reactive, ref, onMounted } from 'vue'; |
| | | import { Delete, FullScreen } from '@element-plus/icons-vue'; |
| | | import { ElMessageBox, ElMessage, ElButton, ElInput, TabsPaneContext, FormInstance } from 'element-plus'; |
| | | import { goalManagementApi } from '/@/api/goalManagement'; |
| | | export default defineComponent({ |
| | | setup(props,{emit}) { |
| | | setup(props, { emit }) { |
| | | // 搜索条件 |
| | | const ruleForm = reactive({ |
| | | pageSize: 10, |
| | |
| | | ruleForm.searchParams.standardType = targetType.paneName; |
| | | listApi(); |
| | | }; |
| | | onMounted(() => { |
| | | |
| | | }); |
| | | onMounted(() => {}); |
| | | // const onAddorUpdata = () => { |
| | | // listApi(); |
| | | // }; |
| | |
| | | listApi(); |
| | | }; |
| | | // 打开弹窗 |
| | | const dialogVisible=ref(false) |
| | | const openDailog=()=>{ |
| | | dialogVisible.value=true |
| | | const dialogVisible = ref(false); |
| | | const openDailog = () => { |
| | | dialogVisible.value = true; |
| | | listApi(); |
| | | } |
| | | // 右方点击添加后显示标签 |
| | | }; |
| | | // 右方点击添加后显示标签 |
| | | const dynamicTags = ref(['']); |
| | | const handleClose = (tag: string) => { |
| | | dynamicTags.value.splice(dynamicTags.value.indexOf(tag), 1); |
| | |
| | | const radio = (event: any) => { |
| | | dynamicTags.value[0] = event; |
| | | }; |
| | | const clear=()=>{ |
| | | dynamicTags.value=[''] |
| | | radio1.value="" |
| | | } |
| | | const submitForm=()=>{ |
| | | let obj=JSON.parse(JSON.stringify(dynamicTags.value)) |
| | | emit("backNum",obj[0]) |
| | | dialogVisible.value = false |
| | | } |
| | | const clear = () => { |
| | | dynamicTags.value = ['']; |
| | | radio1.value = ''; |
| | | }; |
| | | const submitForm = () => { |
| | | let obj = JSON.parse(JSON.stringify(dynamicTags.value)); |
| | | emit('backNum', obj[0]); |
| | | dialogVisible.value = false; |
| | | }; |
| | | //全屏 |
| | | const full = ref(false); |
| | | const toggleFullscreen = () => { |