Commit a6d83c97 authored by 李苏's avatar 李苏 💬

联动按钮

parent eec0de52
......@@ -5,7 +5,7 @@
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="发现日期" ref="userid" prop="userid">
<el-input :readonly="readonly" v-toUpperCase v-model="form.userid"></el-input>
<el-input v-model="form.userid"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
......@@ -54,7 +54,7 @@
<el-input :readonly="readonly" v-model="form.phone"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :span="12" label="责任人">
<el-input :readonly="readonly" v-toUpperCase v-model="form.userid"></el-input>
......@@ -65,7 +65,7 @@
<el-input :readonly="readonly" v-model="form.phone"></el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="备注">
<el-input type="textarea" :readonly="readonly" v-model="form.bz"></el-input>
......
<template>
<RelDialog :type='type' :editApp='editApp' :app='app' :buttonApp='buttonApp'>
<!-- 填写表单内容,slot=form必写-->
<el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules">
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="标题" ref="title" prop="title">
<el-input :readonly="readonly" v-model="form.title"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="内容" ref="content" prop="content">
<el-input :readonly="readonly" type="textarea" v-model="form.content"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="公告日期" ref="ggrq" prop="ggrq">
<el-date-picker
style="width: 100%;"
:readonly="readonly"
type="date"
v-model="form.ggrq"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="有效日期" ref="yxrq" prop="yxrq">
<el-date-picker
style="width: 100%;"
:readonly="readonly"
type="date"
v-model="form.yxrq"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="发布部门" ref="bmid" prop="bmid">
<el-select :disabled="readonly" style="width: 100%;" :filterable='true' v-model="form.bmid" placeholder="请选择">
<el-option :key="index" v-for="(item,index) in bmList" :label="item.bmmc" :value="item.id">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="备注" ref="bz" prop="content">
<el-input :readonly="readonly" type="textarea" v-model="form.bz"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</RelDialog>
</template>
<script>
import {editMixin} from 'common'
import {QueryBm} from "common/src/api/system/dmgSystem.js";
export default {
mixins: [editMixin],
/* 存放index页面传递的额外参数*/
mounted() {
debugger
QueryBm({}).then(e => {
debugger
this.bmList = e.data.records || []
})
},
/* 组件名称*/
name: 'roleManagementEdit',
/* 传递props模式一样必填,用于index,button,REdialog之间的组件通信*/
data() {
return {
/* 额外初始化,根据需求*/
systemType: [],
bmList: [],
/* 当前表单初始值,默认由RelDialog查询indexQuery赋值,copy时不赋值id,初始化时所有query的值都会赋值给form*/
form: {
title: '',
content: '',
bz: "",
yxrq:new Date().getTime(),
ggrq:new Date().getTime()
},
/* form提交时的规则,具体规则参考官网*/
rules: {
roleid: [{
required: true,
trigger: 'blur'
}, ],
rolename: [{
required: true,
trigger: 'blur'
}, ]
}
}
},
methods: {
}
}
</script>
<style scoped lang="scss">
</style>
<template>
<div style="padding: 10px;">
<!-- 测试-->
<RelSelect :hasValue='true' :optionsData='optionsData' src='kzzx/bm/query' :match="{value:'id',label:'bmmc'}" v-model='test' ></RelSelect>
<el-input v-model='test' ></el-input>
<h1>
SVG
</h1>
<hr>
<br>
<svg width="300" height="300" style="border: 1px solid red;transform:scale(0.1)">
<rect width="100" height="100" :x='x' :y='y' rx='50' ry='50' >SVG</rect>
<template>
<div class="min_full">
<!-- 查询条件-->
<div class="search" v-condition >
<span class="examtitle">在线考核</span>
<SearchButton :app='app'></SearchButton>
<el-row :gutter="20" class="search-row-1">
<el-col :span="6" class="search-col">
<div class="search-item">
<span class="search-span">考核试卷:</span>
<RelSelect src='kzzx/bm/query' :match="{value:'id',label:'bmmc'}" v-model='queryParams.khsj' ></RelSelect>
</div>
</el-col>
<el-col :span="6" class="search-col">
</el-col>
</el-row>
<el-row :gutter="20" class="search-row-1">
<el-col :span="4" class="search-col">
<div class="search-item">
<span class="search-span">姓名:</span>
</div>
</el-col>
<el-col :span="4" class="search-col">
<div class="search-item">
<span class="search-span">证件号:</span>
</div>
</el-col>
<el-col :span="4" class="search-col">
<div class="search-item">
<span class="search-span">开始时间:</span>
</div>
</el-col>
<el-col :span="4" class="search-col">
<div class="search-item">
<span class="search-span">结束时间:</span>
</div>
</el-col>
<el-col :span="4" class="search-col">
<div class="search-item">
<span class="search-span">当前时间:</span>
</div>
</el-col>
<el-col :span="4" class="search-col">
<div class="search-item">
<span class="search-span">剩余时间:</span>
</div>
</el-col>
</el-row>
</div>
<div class="tablePagers" style="display: flex;">
<div style="width: 40%;">
<TablePager @getData='getData' :ref="'TablePager'" :app='app' :query='query' @selectItem='selectItem' :delButton='false'
@getRow='getRow'>
</TablePager>
</div>
<div style="width: 60%;border: 1px solid #eee;padding: 10px;padding-top: 20px;overflow: auto;">
<!-- 右侧布局 -->
<el-row :gutter="20">
<el-col :span="8">
<el-button class="butRight" type="primary" size="mini" round>标记</el-button>
</el-col>
<el-col :span="8">
<el-button class="butRight" type="primary" size="mini" round>完成</el-button>
</el-col>
<el-col :span="8">
<el-button class="butRight" type="primary" size="mini" round>未完成</el-button>
</el-col>
</el-row>
<el-form label-width="80px" style="margin-top: 30px;">
<el-form-item label="题目">
<el-input type="textarea" rows="8" ></el-input>
</el-form-item>
<el-form-item label="参考答案">
<el-input type="textarea" rows="8" ></el-input>
</el-form-item>
</el-form>
<el-row :gutter="20">
<el-col :span="12">
<el-button class="butRight" plain type="primary" size="mini" style="width: 120px;" >检查答题情况</el-button>
</el-col>
<el-col :span="12">
<el-button class="butRight" plain type="primary" size="mini" style="width: 120px;">交卷</el-button>
</el-col>
</el-row>
</div>
</svg>
</div>
</div>
</div>
</template>
<script>
export default {
mounted() {
/* 引入需要的接口*/
import {
doQuery,
doAdd,
doUpdate,
doDelete
} from "@/api/basicData/announcementManagement.js";
/* edit页面*/
import Edit from './edit'
import {
tableMixin
} from 'common'
export default {
mixins: [tableMixin],
name: 'announcementManagement',
/* 计算需要时间 ms*/
let usetime=300*10
let settime=0
setInterval(()=>{
if(settime<usetime){
this.x++
settime=settime+10
}else{
this.x--
settime=settime+10
if(settime>6000){
settime=0
}
}
},10)
},
data(){
return{
optionsData:[{label:123,value:1230},{label:113,value:1130}],
test:'',
x:10,
y:10,
arr:[[1,3],4,[3,[12,3,[1]],4],19],
newArr:[]
}
},
methods:{
flat(arr){
/* 递归扁平化*/
if(Array.isArray(arr)){
arr.forEach(e=>{
this.flat(e)
})
}else{
this.newArr.push(arr)
}
}
}
}
/* 初始额外赋值*/
async mounted() {
this.$refs['TablePager'].pageQuery()
},
data() {
return {
/*需要的额外参数 */
showDialog: false,
DialogName: '',
type: '',
DialogTitle: '',
/* 基础url*/
baseUrl: 'aqgl/jcsj/aqgg',
/* 查询参数*/
queryParams: {
khsj: '',
jsrq: ''
},
/* 表格标题对应参数*/
tableTitle: [
{label: "题型", prop: "title", fieldType: "ftString",width:160},
{label: "题号", prop: "content", fieldType: "ftString",width:200},
{label: "备注", prop: "ggrq", fieldType:'ftDate'},
]
}
},
methods: {
/* 基础查询*/
query: doQuery,
/* 基础增*/
apiAdd: doAdd,
/* 基础更新*/
apiUpdate: doUpdate,
/* 删除操作*/
apiDelete: doDelete,
/* 初始化赋值操作*/
init() {
},
/* 启用停用*/
},
components: {
Edit,
}
}
</script>
<style>
svg {
stroke: #000;
stroke-width: 5;
stroke-linecap: round;
stroke-linejoin: round;
fill: none;
<style scoped>
.examtitle{
line-height: 50px;
letter-spacing:5px;
font-size: 14px;
position: absolute;
font-weight: 700;
right: 50%;
transform: translateX(-50%);
}
.butRight{
margin-left: 30%;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment