|
@@ -8,20 +8,71 @@
|
|
|
</div>
|
|
|
<div class="standard-body">
|
|
|
<div id="my-iframe-mask"></div>
|
|
|
- <iframe v-if="iframeSrc" style="width: 100%; height: 100%; prevent-events: pointer" :src="iframeSrc"></iframe>
|
|
|
+ <base-form class="p-t-base" size="small" :model="formModel" :items="formItems" :label-width="'78px'">
|
|
|
+ <template #form-item-search>
|
|
|
+ <el-button :loading="loading" type="primary" @click="onSearch">查询</el-button>
|
|
|
+ </template>
|
|
|
+ </base-form>
|
|
|
+ <iframe
|
|
|
+ v-if="iframeSrc"
|
|
|
+ style="width: 100%; height: calc(100% - 60px); prevent-events: pointer"
|
|
|
+ :src="iframeSrc"
|
|
|
+ ></iframe>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script setup lang="ts" name="StandardDialog">
|
|
|
import useVModel from '@/hooks/useVModel'
|
|
|
-import { ref, computed } from 'vue'
|
|
|
+import { ref, computed, reactive, watch } from 'vue'
|
|
|
import { Close } from '@element-plus/icons-vue'
|
|
|
-import { ElIcon } from 'element-plus'
|
|
|
+import { ElIcon, ElButton } from 'element-plus'
|
|
|
import useFetch from '@/hooks/useFetch'
|
|
|
import useMainStore from '@/store/main'
|
|
|
+import useOptions from '@/hooks/useOptions'
|
|
|
+import useForm from '@/hooks/useForm'
|
|
|
+import BaseForm from '@/components/element/BaseForm.vue'
|
|
|
|
|
|
const mainStore = useMainStore()
|
|
|
+const { subjectList, mainQuestionList, dataModel, changeModelValue, onOptionInit, isExpert, isLeader } = useOptions([
|
|
|
+ 'subject',
|
|
|
+ 'question',
|
|
|
+])
|
|
|
+const formModel = reactive<any>({
|
|
|
+ mainNumber: dataModel.question,
|
|
|
+ subjectCode: dataModel.subject,
|
|
|
+})
|
|
|
+watch(dataModel, () => {
|
|
|
+ formModel.mainNumber = dataModel.question
|
|
|
+ formModel.subjectCode = dataModel.subject
|
|
|
+})
|
|
|
+const { defineColumn, _ } = useForm()
|
|
|
+
|
|
|
+const span10 = defineColumn(_, '', { span: 10 })
|
|
|
+
|
|
|
+const formItems = computed<any[]>(() => [
|
|
|
+ span10({
|
|
|
+ rowKey: 'row-1',
|
|
|
+ label: '科目',
|
|
|
+ prop: 'subjectCode',
|
|
|
+ slotType: 'select',
|
|
|
+ labelWidth: '46px',
|
|
|
+ slot: { options: subjectList.value, onChange: changeModelValue('subject'), disabled: !isExpert.value },
|
|
|
+ }),
|
|
|
+ span10({
|
|
|
+ rowKey: 'row-1',
|
|
|
+ label: '大题',
|
|
|
+ prop: 'mainNumber',
|
|
|
+ labelWidth: '46px',
|
|
|
+ slotType: 'select',
|
|
|
+ slot: {
|
|
|
+ options: mainQuestionList.value,
|
|
|
+ onChange: changeModelValue('question'),
|
|
|
+ disabled: !isExpert.value && !isLeader.value,
|
|
|
+ },
|
|
|
+ }),
|
|
|
+ { rowKey: 'row-1', slotName: 'search', labelWidth: '10px', colProp: { span: 4 } },
|
|
|
+])
|
|
|
|
|
|
const props = defineProps<{
|
|
|
modelValue: boolean
|
|
@@ -32,13 +83,17 @@ const closeDialog = () => {
|
|
|
visible.value = false
|
|
|
}
|
|
|
|
|
|
-const { fetch: fetchStandard, result: standardRes } = useFetch('getMarkingStandard')
|
|
|
-fetchStandard({ subjectCode: mainStore?.myUserInfo?.subjectCode, mainNumber: mainStore?.myUserInfo?.mainNumber })
|
|
|
+const { fetch: fetchStandard, result: standardRes, loading } = useFetch('getMarkingStandard')
|
|
|
const iframeSrc = computed(() => {
|
|
|
return standardRes.value?.url
|
|
|
? standardRes.value?.url + '#view=FitH&scrollbar=0&toolbar=0&statusbar=0&messages=0&navpanes=0'
|
|
|
: ''
|
|
|
})
|
|
|
+const onSearch = () => {
|
|
|
+ // fetchStandard({ subjectCode: mainStore?.myUserInfo?.subjectCode, mainNumber: mainStore?.myUserInfo?.mainNumber })
|
|
|
+ fetchStandard({ subjectCode: formModel.subjectCode, mainNumber: formModel.mainNumber })
|
|
|
+}
|
|
|
+onOptionInit(onSearch)
|
|
|
</script>
|
|
|
//
|
|
|
<style scoped lang="scss">
|