|
@@ -7,66 +7,102 @@
|
|
|
@cancel="handleCancel"
|
|
|
width="86%"
|
|
|
>
|
|
|
- <!-- tabel 加载 -->
|
|
|
+ <!-- tabel 加载 :form="addLinkform" -->
|
|
|
<a-spin :spinning="confirmLoading">
|
|
|
- <a-form :form="addLinkform" :label-col="{ span: 4 }" :wrapper-col="{ span: 18 }">
|
|
|
- <!-- 标题 类型 -->
|
|
|
+ <a-form :model="linkForm" :label-col="{ span: 4 }" :wrapper-col="{ span: 18 }">
|
|
|
+ <!-- 名称 地址 -->
|
|
|
<a-row :gutter="24">
|
|
|
<a-col :span="12">
|
|
|
<a-form-item label="名称">
|
|
|
- <a-input
|
|
|
- v-decorator="['name', { rules: [{ required: true, message: '请输入产品名称' }] }]"
|
|
|
- placeholder="请输入产品名称"
|
|
|
- />
|
|
|
+ <a-input v-model="linkForm.name" placeholder="请输入名称" />
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="12">
|
|
|
<a-form-item label="地址">
|
|
|
- <a-input
|
|
|
- v-decorator="['address', { rules: [{ required: true, message: '请输入地址' }] }]"
|
|
|
- placeholder="请输入地址"
|
|
|
- />
|
|
|
+ <a-input v-model="linkForm.address" placeholder="请输入地址" />
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
</a-row>
|
|
|
|
|
|
- <!-- 创建人 -->
|
|
|
+ <!-- 新增 创建人 创建时间 -->
|
|
|
+ <div v-if="title == '新增友情链接'">
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col :span="12">
|
|
|
+ <a-form-item label="创建人">
|
|
|
+ <a-input disabled v-model="linkForm.createBy" placeholder="系统回显" />
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+
|
|
|
+ <a-col :span="12">
|
|
|
+ <a-form-item label="创建日期">
|
|
|
+ <a-date-picker
|
|
|
+ disabled
|
|
|
+ style="width:100%"
|
|
|
+ showTime
|
|
|
+ format="YYYY-MM-DD HH:mm"
|
|
|
+ placeholder="系统回显"
|
|
|
+ @change="createTimeChange"
|
|
|
+ @ok="createTimeOk"
|
|
|
+ v-model="linkForm.createBy"
|
|
|
+ />
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 编辑 创建人 创建时间 -->
|
|
|
+ <div v-if="title == '编辑友情链接'">
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col :span="12">
|
|
|
+ <a-form-item label="创建人">
|
|
|
+ <a-input disabled v-model="linkForm.createBy" placeholder="回显创建人" />
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+
|
|
|
+ <a-col :span="12">
|
|
|
+ <a-form-item label="创建时间">
|
|
|
+ <a-form-item label="创建日期">
|
|
|
+ <a-date-picker
|
|
|
+ disabled
|
|
|
+ v-model="linkForm.createTime"
|
|
|
+ style="width:100%"
|
|
|
+ showTime
|
|
|
+ format="YYYY-MM-DD HH:mm:ss"
|
|
|
+ @change="createTimeChange"
|
|
|
+ @ok="createTimeOk"
|
|
|
+ />
|
|
|
+ </a-form-item>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ </div>
|
|
|
+ <!-- 简介 发布-->
|
|
|
<a-row :gutter="24">
|
|
|
<a-col :span="12">
|
|
|
- <a-form-item label="创建人">
|
|
|
- <a-input
|
|
|
- disabled
|
|
|
- v-decorator="['createBy', { rules: [{ required: false, message: '请输入创建人' }] }]"
|
|
|
- placeholder="此处应可以回显创建人,不可编辑状态"/>
|
|
|
+ <a-form-item label="简介:" style="marginBottom:0;">
|
|
|
+ <a-textarea v-model="memo" placeholder="请输入简介" style="minHeight:200px;width:1200px;" />
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
-
|
|
|
<a-col :span="12">
|
|
|
- <a-form-item label="创建时间">
|
|
|
- <a-input
|
|
|
- disabled
|
|
|
- v-decorator="['createTime', { rules: [{ required: false, message: '请输入创建时间' }] }]"
|
|
|
- placeholder="此处应可以回显创建时间,不可编辑状态"/>
|
|
|
+ <a-form-item label="是否发布:">
|
|
|
+ <a-radio-group v-model="linkForm.isRelease">
|
|
|
+ <a-radio value="0">
|
|
|
+ 仅存稿
|
|
|
+ </a-radio>
|
|
|
+ <a-radio value="1">
|
|
|
+ 发布
|
|
|
+ </a-radio>
|
|
|
+ </a-radio-group>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
</a-row>
|
|
|
-
|
|
|
- <!-- 内容 -->
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="简介:" style="marginBottom:0;"></a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="22">
|
|
|
- <a-textarea v-model="memo" placeholder="请输入简介" style="marginLeft:128px;"/>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
</a-form>
|
|
|
</a-spin>
|
|
|
</a-modal>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-// import { Moment } from 'moment'
|
|
|
+import { Moment } from 'moment'
|
|
|
// import { defineComponent } from 'vue'
|
|
|
import RichText from '@views/jeecg/RichText.vue'
|
|
|
export default {
|
|
@@ -76,10 +112,18 @@ export default {
|
|
|
},
|
|
|
data () {
|
|
|
return {
|
|
|
- addLinkform: this.$form.createForm(this),
|
|
|
+ // addLinkform: this.$form.createForm(this),
|
|
|
+ linkForm: {
|
|
|
+ name: '',
|
|
|
+ address: '',
|
|
|
+ createBy: '',
|
|
|
+ createTime: {},
|
|
|
+ isRelease: '',
|
|
|
+ memo: ''
|
|
|
+ },
|
|
|
confirmLoading: false,
|
|
|
addLinksModVis: false,
|
|
|
- memo: '', // 公司简介
|
|
|
+ memo: '', // 简介
|
|
|
title: '',
|
|
|
formData: {}
|
|
|
}
|
|
@@ -88,7 +132,7 @@ export default {
|
|
|
methods: {
|
|
|
// 弹框保存
|
|
|
handleOk () {
|
|
|
- // 触发表单验证
|
|
|
+ // 触发表单验证 判断是否有空值 包含 简介 赋值到表单上 判断是编辑还是新增 或者没有输入
|
|
|
console.log('弹框点击了保存')
|
|
|
},
|
|
|
close () {
|
|
@@ -99,9 +143,8 @@ export default {
|
|
|
this.close()
|
|
|
},
|
|
|
createTimeChange (value, dateString) {
|
|
|
- // value:Moment[],dateString:string[]
|
|
|
- console.log('Selected Time:', value)
|
|
|
- console.log('Formatted Selected Time:', dateString)
|
|
|
+ console.log('选择的时间:', value)
|
|
|
+ console.log('格式化选择的时间:', dateString)
|
|
|
},
|
|
|
createTimeOk (value) {
|
|
|
console.log('createTimeOk:', value)
|