Merge branch 'master' of http://git.cc-lotus.info/count/webnew-count

src/views/pcenter/parts/infoAdmin.vue

@@ -35,13 +35,50 @@
           </el-col>
           <el-col :span="24" class="form">
             <el-form :model="form" :rules="rules" ref="form" label-width="100px" class="demo-ruleForm">
-              <el-form-item label="选择栏目" prop="col_name">
-                <el-select v-model="form.col_name" placeholder="请选择栏目">
-                  <el-option v-for="(item, index) in column_list" :key="index" :label="item.name" :value="item.name"></el-option>
+              <el-form-item label="选择栏目" filterable prop="col_name">
+                <el-select v-model="form.col_name" filterable placeholder="请选择栏目">
+                  <el-option v-for="item in column_list" :key="item.value" :label="item.label" :value="item.value"> </el-option>
                 </el-select>
               </el-form-item>
-              <el-form-item label="信息标题" prop="name">
-                <el-input v-model="form.name" placeholder="请输入信息标题"></el-input>
+              <el-form-item label="信息标题" prop="title">
+                <el-input v-model="form.title" placeholder="请输入信息标题"></el-input>
+              </el-form-item>
+              <el-form-item label="简介" prop="introduction">
+                <el-input v-model="form.introduction" type="textarea" placeholder="请输入信息简介"></el-input>
+              </el-form-item>
+              <el-form-item label="发布时间" prop="publish_time">
+                <el-date-picker v-model="form.publish_time" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"> </el-date-picker>
+              </el-form-item>
+              <el-form-item label="信息类型" prop="type">
+                <el-radio-group v-model="form.type">
+                  <el-radio label="0">自有</el-radio>
+                  <el-radio label="1">外链</el-radio>
+                </el-radio-group>
+              </el-form-item>
+              <el-form-item label="链接地址" prop="url" v-if="form.type == '1'">
+                <el-input v-model="form.url" placeholder="请输入链接地址"></el-input>
+              </el-form-item>
+              <el-form-item label="发布单位" prop="publish_unit" v-if="form.type == '0'">
+                <el-input v-model="form.publish_unit" placeholder="请输入发布单位"></el-input>
+              </el-form-item>
+              <el-form-item label="图片" prop="img_url" v-if="form.type == '0'">
+                <upload :limit="1" :data="form.img_url" type="img_url" :url="'/files/imgpath/upload'" @upload="uploadSuccess"></upload>
+              </el-form-item>
+              <el-form-item label="内容" prop="content" v-if="form.type == '0'">
+                <el-input v-model="form.content" type="textarea" placeholder="请输入信息内容"></el-input>
+              </el-form-item>
+              <el-form-item label="是否推荐" prop="is_top">
+                <el-radio-group v-model="form.is_top">
+                  <el-radio label="0">不推荐</el-radio>
+                  <el-radio label="1">推荐</el-radio>
+                </el-radio-group>
+              </el-form-item>
+              <el-form-item label="状态" prop="status">
+                <el-radio-group v-model="form.status">
+                  <el-radio label="0">草稿</el-radio>
+                  <el-radio label="1">审核中</el-radio>
+                  <el-radio label="2">审核通过</el-radio>
+                </el-radio-group>
               </el-form-item>
               <el-col :span="24" style="text-align:center;">
                 <el-button type="primary" @click="submitDraft('form')">保存草稿</el-button>
@@ -57,11 +94,14 @@
 </template>
 
 <script>
+import upload from '@/components/uploadone.vue';
 import { mapState, createNamespacedHelpers } from 'vuex';
 export default {
   name: 'infoAdmin',
   props: {},
-  components: {},
+  components: {
+    upload,
+  },
   data: function() {
     return {
       display: 'list',
@@ -69,34 +109,42 @@ export default {
       list: [],
       // 选择栏目
       column_list: [
-        { name: '科技资讯' },
-        { name: '技术前沿' },
-        { name: '工作动态' },
-        { name: '通知通告' },
-        { name: '平台建设' },
-        { name: '项目成果' },
-        { name: '知识产权' },
-        { name: '科技支撑' },
-        { name: '超算联盟' },
-        { name: '国家网格' },
-        { name: '教学中心' },
-        { name: '创业基地' },
-        { name: '软件中心' },
-        { name: '专题研讨' },
-        { name: '技术问答' },
-        { name: '行业研究' },
-        { name: '科技培训' },
-        { name: '图片新闻' },
-        { name: '党建工作' },
-        { name: '学习园地' },
-        { name: '党风廉政' },
+        { value: '科技资讯', label: '科技资讯' },
+        { value: '技术前沿', label: '技术前沿' },
+        { value: '工作动态', label: '工作动态' },
+        { value: '通知通告', label: '通知通告' },
+        { value: '平台建设', label: '平台建设' },
+        { value: '项目成果', label: '项目成果' },
+        { value: '知识产权', label: '知识产权' },
+        { value: '科技支撑', label: '科技支撑' },
+        { value: '超算联盟', label: '超算联盟' },
+        { value: '国家网格', label: '国家网格' },
+        { value: '教学中心', label: '教学中心' },
+        { value: '创业基地', label: '创业基地' },
+        { value: '软件中心', label: '软件中心' },
+        { value: '专题研讨', label: '专题研讨' },
+        { value: '技术问答', label: '技术问答' },
+        { value: '行业研究', label: '行业研究' },
+        { value: '科技培训', label: '科技培训' },
+        { value: '图片新闻', label: '图片新闻' },
+        { value: '党建工作', label: '党建工作' },
+        { value: '学习园地', label: '学习园地' },
+        { value: '党风廉政', label: '党风廉政' },
       ],
       // 发布
-      form: {},
+      form: {
+        type: '0',
+      },
       // 规则
       rules: {
         col_name: [{ required: true, message: '请选择栏目', trigger: 'blur' }],
-        name: [{ required: true, message: '请输入信息标题', trigger: 'blur' }],
+        title: [{ required: true, message: '请输入信息标题', trigger: 'blur' }],
+        introduction: [{ required: true, message: '请输入简介', trigger: 'blur' }],
+        publish_time: [{ required: false, message: '请选择发布时间', trigger: 'blur' }],
+        publish_unit: [{ required: false, message: '请输入发布单位', trigger: 'blur' }],
+        type: [{ required: false, message: '请输入信息类型', trigger: 'blur' }],
+        img_url: [{ required: false, message: '请上传图片', trigger: 'blur' }],
+        is_top: [{ required: false, message: '请选择', trigger: 'blur' }],
       },
     };
   },
@@ -114,7 +162,7 @@ export default {
     submitDraft(formName) {
       this.$refs[formName].validate(valid => {
         if (valid) {
-          alert(this.form);
+          console.log(this.form);
         } else {
           console.log('error submit!!');
           return false;
@@ -125,7 +173,7 @@ export default {
     submitForm(formName) {
       this.$refs[formName].validate(valid => {
         if (valid) {
-          alert(this.form);
+          console.log(this.form);
         } else {
           console.log('error submit!!');
           return false;
@@ -136,6 +184,10 @@ export default {
     resetForm(formName) {
       this.$refs[formName].resetFields();
     },
+    // 图片
+    uploadSuccess({ type, data }) {
+      this.$set(this.form, `${type}`, data.uri);
+    },
   },
   computed: {
     ...mapState(['user']),
@@ -151,7 +203,7 @@ export default {
 
 <style lang="less" scoped>
 .style {
-  padding: 0 20px;
+  padding: 0 20px 20px 20px;
   .top {
     text-align: right;
     padding: 10px 0;