elink-star
/
esua-epdc-admin
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

获取案例页面

master
maguoqiang 6 years ago
parent
cdd03ecc72
commit
b8e8c9569c
2 changed files with 149 additions and 7 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 11
      src/views/modules/case/typicalcase-add-or-update.vue
  2. 145
      src/views/modules/case/typicalcasedialog.vue

11
src/views/modules/case/typicalcase-add-or-update.vue
View File

@ -1,5 +1,4 @@
<template>
<!-- <el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false">-->
<el-card shadow="never" class="aui-card--fill">
<div class="mod-news__typicalcase}">
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
@ -27,7 +26,6 @@
type="textarea" :rows="5"></el-input>
</el-form-item>
</el-form>
<!-- 实际案例-->
<div v-for="(item, index) in dataForm1.dynamicItem" :key="index">
<div style="text-align: left">{{"案例"+(index+1)}}</div>
@ -55,18 +53,16 @@
</el-form>
<!-- 发布按钮-->
<el-form>
<!-- <template slot="footer">-->
<el-button type="primary" @click="dataFormSubmitHandle()">{{"发布案例"}}</el-button>
<!-- </template>-->
</el-form>
<add-or-update ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
</div>
</el-card>
<!-- </el-dialog>-->
</template>
<script>
import debounce from 'lodash/debounce'
// eslint-disable-next-line no-unused-vars
import AddOrUpdate from './typicalcasedialog'
import { quillEditor } from 'vue-quill-editor'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
@ -77,7 +73,8 @@ export default {
this.addItem()
},
components: {
quillEditor
quillEditor,
AddOrUpdate
},
data () {
return {

145
src/views/modules/case/typicalcasedialog.vue
View File

@ -0,0 +1,145 @@
<template>
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false">
<el-card shadow="never" class="aui-card--fill">
<div class="mod-news__typicalcase}">
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
<el-form-item label="案例类型">
<el-select v-model="dataForm.associatedType">
<el-option label="议题" value="0"></el-option>
<el-option label="项目" value="1"></el-option>
<el-option label="话题" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-input v-model="dataForm.content" property="请输入内容"></el-input>
<el-button label="查询"></el-button>
</el-form-item>
</el-form>
<!-- 列表-->
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
<el-table-column label="单选" type="selection" header-align="center" align="center" width="50"></el-table-column>
<el-table-column label="序号" type="index" header-align="center" align="center" width="150"></el-table-column>
<el-table-column prop="contentDescription" label="问题内容" header-align="center" align="center"></el-table-column>
<el-table-column prop="publisherName" label="问题发布人姓名" header-align="center" align="center"></el-table-column>
<el-table-column prop="releaseTime" label="发布时间" header-align="center" align="center"></el-table-column>
<el-table-column prop="caseSource" label="来源网络" header-align="center" align="center"></el-table-column>
<el-table-column prop="expressingAttitude" label="表达态度总数" header-align="center" align="center"></el-table-column>
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
<template slot-scope="scope">
<el-button v-if="$hasPermission('case:')" type="text" size="small" @click="getDataOne(scope.row.id)">{{"查看详细"}}</el-button>
</template>
</el-table-column>
</el-table>
<!-- 确定关联按钮-->
<el-form>
<template slot="footer">
<el-button type="primary" @click="dataFormSubmitHandle()">{{"确定案例"}}</el-button>
</template>
</el-form>
</div>
</el-card>
</el-dialog>
</template>
<script>
import debounce from 'lodash/debounce'
export default {
data () {
return {
fileList: [],
visible: false,
content: '',
editorOption: {},
dataForm: {
associatedType: '',
content: ''
}
}
},
computed: {
dataRule () {
return {
caseTitle: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
caseNumber: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
state: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
mainPicture: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
typicalAbstract: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
revision: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
delFlag: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
createdBy: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
createdTime: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
updatedBy: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
updatedTime: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
]
}
}
},
methods: {
init () {
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.id) {
this.getInfo()
}
})
},
// 获取信息
getInfo () {
this.$http.get(`/case/typicalcase/${this.dataForm.id}`).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.dataForm = {
...this.dataForm,
...res.data
}
}).catch(() => {})
},
// 表单提交
dataFormSubmitHandle: debounce(function () {
this.$refs['dataForm'].validate((valid) => {
if (!valid) {
return false
}
this.$http[!this.dataForm.id ? 'post' : 'put']('/typicalcase/addcase', this.dataForm).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.$message({
message: this.$t('prompt.success'),
type: 'success',
duration: 500,
onClose: () => {
this.visible = false
this.$emit('refreshDataList')
}
})
}).catch(() => {})
})
}, 1000, { 'leading': true, 'trailing': false })
}
}
</script>
Write Preview
Loading…
Cancel
Save