添加富文本url

src/views/login.vue

@@ -2,7 +2,7 @@
   <div class="login">
     <div class="login-title">
       <!-- <img src="../assets/image/logo.png" alt="" /> -->
-      <span>嘉策科技创新服务平台</span>
+      <!-- <span>嘉策科技创新服务平台</span> -->
     </div>
     <el-form
       ref="loginForm"
@@ -70,82 +70,80 @@
 </template>
 
 <script>
-import Cookies from "js-cookie";
-import { encrypt, decrypt } from "@/utils/jsencrypt";
+import Cookies from 'js-cookie';
+import { encrypt, decrypt } from '@/utils/jsencrypt';
 
 export default {
-  name: "Login",
+  name: 'Login',
   data() {
     return {
       loginForm: {
-        username: "ailanyin",
-        password: "ailanyin",
-        rememberMe: false,
+        username: 'ailanyin',
+        password: 'ailanyin',
+        rememberMe: false
       },
       loginRules: {
         username: [
-          { required: true, trigger: "blur", message: "用户名不能为空" },
-        ],
-        password: [
-          { required: true, trigger: "blur", message: "密码不能为空" },
+          { required: true, trigger: 'blur', message: '用户名不能为空' }
         ],
+        password: [{ required: true, trigger: 'blur', message: '密码不能为空' }]
       },
       loading: false,
-      redirect: undefined,
+      redirect: undefined
     };
   },
   watch: {
     $route: {
-      handler: function (route) {
+      handler: function(route) {
         this.redirect = route.query && route.query.redirect;
       },
-      immediate: true,
-    },
+      immediate: true
+    }
   },
   created() {
     this.getCookie();
   },
   methods: {
     getCookie() {
-      const username = Cookies.get("username");
-      const password = Cookies.get("password");
-      const rememberMe = Cookies.get("rememberMe");
+      const username = Cookies.get('username');
+      const password = Cookies.get('password');
+      const rememberMe = Cookies.get('rememberMe');
       this.loginForm = {
         username: username === undefined ? this.loginForm.username : username,
         password:
           password === undefined ? this.loginForm.password : decrypt(password),
-        rememberMe: rememberMe === undefined ? false : Boolean(rememberMe),
+        rememberMe: rememberMe === undefined ? false : Boolean(rememberMe)
       };
     },
     handleLogin() {
-      this.$refs.loginForm.validate((valid) => {
+      this.$refs.loginForm.validate(valid => {
         if (valid) {
           this.loading = true;
           if (this.loginForm.rememberMe) {
-            Cookies.set("username", this.loginForm.username, { expires: 30 });
-            Cookies.set("password", encrypt(this.loginForm.password), {
-              expires: 30,
+            Cookies.set('username', this.loginForm.username, { expires: 30 });
+            Cookies.set('password', encrypt(this.loginForm.password), {
+              expires: 30
             });
-            Cookies.set("rememberMe", this.loginForm.rememberMe, {
-              expires: 30,
+            Cookies.set('rememberMe', this.loginForm.rememberMe, {
+              expires: 30
             });
           } else {
-            Cookies.remove("username");
-            Cookies.remove("password");
-            Cookies.remove("rememberMe");
+            Cookies.remove('username');
+            Cookies.remove('password');
+            Cookies.remove('rememberMe');
           }
           this.$store
-            .dispatch("Login", this.loginForm)
+            .dispatch('Login', this.loginForm)
             .then(() => {
-              this.$router.push({ path: this.redirect || "/" });
+              this.$router.push({ path: this.redirect || '/' });
             })
             .catch(() => {
               this.loading = false;
             });
         }
       });
-    },
-  },
+    }
+  }
 };
 </script>
 
@@ -158,7 +156,7 @@ $loginForm: 383px;
   // align-items: center;
   height: 100%;
   min-height: $loginHeight;
-  // background-image: url('../assets/image/login-bg.jpg');
+  background-image: url('../assets/image/jiace.png');
   background-size: cover;
   position: relative;
 }
@@ -262,4 +260,4 @@ $loginForm: 383px;
 .el-input__prefix {
   color: #209cff;
 }
-</style>
+</style>

src/views/policy/library/add.vue

@@ -47,7 +47,9 @@
         <el-input placeholder="请输入" v-model="ruleForm.source"></el-input>
       </el-form-item>
       <el-form-item label="正文" prop="text">
-        <editor v-model="ruleForm.text" :min-height="192" />
+        <div id="text">
+          <editor v-model="ruleForm.text" :min-height="192" />
+        </div>
       </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="submitForm('ruleForm')"
@@ -155,6 +157,16 @@ export default {
     //   this.$refs[formName].resetFields();
     // }
   },
+  watch: {
+    ruleForm: {
+      handler: function() {
+        this.$nextTick(() => {
+          this.formatRichText(this.ruleForm.downloadUrl);
+        });
+      }
+    },
+    deep: true
+  },
   created() {
     let { id } = this.$route.query;
     if (id) {

src/views/technology/achievement/add.vue

@@ -12,8 +12,9 @@
       <el-form-item label="成果标题" prop="title">
         <el-input placeholder="请输入" v-model="ruleForm.title"></el-input>
       </el-form-item>
-      <el-form-item label="成果图片" prop="image">
-        <multi-upload v-model="ruleForm.image"></multi-upload>
+      <el-form-item label="成果图片" prop="pic">
+        <!-- :maxCount="1" -->
+        <multi-upload v-model="selectProductPics"></multi-upload>
       </el-form-item>
       <el-form-item label="技术领域" prop="level">
         <el-select v-model="ruleForm.level" placeholder="请选择">
@@ -70,12 +71,21 @@ export default {
     MultiUpload
   },
   data() {
+    // var valiIcon = (rule, value, callback) => {
+    //   // 图片验证
+    //   if (!this.selectProductPics[0]) {
+    //     callback(new Error('请上传成果图片'));
+    //   } else {
+    //     callback();
+    //   }
+    // };
     return {
       aaa: '',
       bbb: '',
       editPage: false,
       ruleForm: {
         title: '',
+        pic: '',
         level: '',
         attribute: '',
         source: '',
@@ -123,9 +133,55 @@ export default {
         source: [{ required: true, message: '请填写', trigger: 'blur' }],
         source2: [{ required: true, message: '请填写', trigger: 'blur' }],
         text: [{ required: true, message: '请填写内容', trigger: 'blur' }]
+        // pic: [{ required: true, validator: valiIcon }]
       }
     };
   },
+  computed: {
+    //商品的主图和画册图片
+    selectProductPics: {
+      get: function() {
+        let pics = [];
+        if (
+          this.ruleForm.pic === undefined ||
+          this.ruleForm.pic == null ||
+          this.ruleForm.pic === ''
+        ) {
+          return pics;
+        }
+        pics.push(this.value.pic);
+        // if (
+        //   this.value.albumPics === undefined ||
+        //   this.value.albumPics == null ||
+        //   this.value.albumPics === ''
+        // ) {
+        //   return pics;
+        // }
+        // let albumPics = this.value.albumPics.split(',');
+        // for (let i = 0; i < albumPics.length; i++) {
+        //   pics.push(albumPics[i]);
+        // }
+        // return pics;
+      },
+      set: function(newValue) {
+        if (newValue == null || newValue.length === 0) {
+          this.ruleForm.pic = null;
+          // this.value.albumPics = null;
+        } else {
+          this.value.pic = newValue[0];
+          // this.value.albumPics = '';
+          // if (newValue.length > 1) {
+          //   for (let i = 1; i < newValue.length; i++) {
+          //     this.value.albumPics += newValue[i];
+          //     if (i !== newValue.length - 1) {
+          //       this.value.albumPics += ',';
+          //     }
+          //   }
+          // }
+        }
+      }
+    }
+  },
   methods: {
     submitForm(formName) {
       this.$refs[formName].validate(valid => {