添加解读来源状态，并隐藏。登录页的布局

src/views/front/unscramble/add.vue

@@ -10,10 +10,10 @@
       label-width="80px"
     >
       <el-form-item label="解读标题" prop="title">
-        <el-input placeholder="请输入" v-model="ruleForm.title" maxlength="48" show-word-limit></el-input>
+        <el-input placeholder="请输入" v-model="ruleForm.title" maxlength="48" show-word-limit :disabled="editPage"></el-input>
       </el-form-item>
       <el-form-item label="归口" prop="attribute">
-        <el-select v-model="ruleForm.attribute" placeholder="请选择">
+        <el-select v-model="ruleForm.attribute" placeholder="请选择" :disabled="editPage">
           <el-option
             v-for="item in attributeOptions"
             :key="item.value"
@@ -25,6 +25,7 @@
       <el-form-item label="发布日期" required>
         <el-form-item prop="listDate">
           <el-date-picker
+            :disabled="editPage"
             type="date"
             placeholder="选择日期"
             value-format="yyyy-MM-dd"
@@ -34,16 +35,18 @@
         </el-form-item>
       </el-form-item>
       <el-form-item label="来源" prop="source">
-        <el-input placeholder="请输入" v-model="ruleForm.source" maxlength="48" show-word-limit></el-input>
+        <el-input placeholder="请输入" v-model="ruleForm.source" maxlength="48" show-word-limit :disabled="editPage"></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" v-if="!editPage" />
+          <el-input v-html="ruleForm.text" v-else></el-input>
+        </div>
       </el-form-item>
-      <el-form-item>
+      <el-form-item v-if="ruleForm.status != 0">
         <el-button type="primary" @click="submitForm('ruleForm')"
           >确定</el-button
         >
-        <!-- <el-button @click="resetForm('ruleForm')">重置</el-button> -->
       </el-form-item>
     </el-form>
   </div>
@@ -102,6 +105,16 @@ export default {
       }
     };
   },
+  watch: {
+    ruleForm: {
+      handler: function () {
+        this.$nextTick(() => {
+          this.formatRichText(this.ruleForm.downloadUrl, this.ruleForm.id,this.ruleForm.url);
+        });
+      },
+    },
+    deep: true,
+  },
   methods: {
     submitForm(formName) {
       this.$refs[formName].validate(valid => {
@@ -134,6 +147,11 @@ export default {
       this.editPage = true;
       getPolicyReadInfo({ readId: id }).then(({ data }) => {
         this.ruleForm = data;
+        if(data.status==0){
+          this.editPage = true
+        }else{
+          this.editPage = false
+        }
       });
     }
   }

src/views/front/unscramble/index.vue

@@ -27,9 +27,9 @@
     <el-card class="operate-container" shadow="never">
       <i class="el-icon-tickets"></i>
       <span>数据列表</span>
-      <el-button class="btn-add" style="margin-bottom:15px" @click="handlePage(null)" size="mini"  type="primary">
+      <!-- <el-button class="btn-add" style="margin-bottom:15px" @click="handlePage(null)" size="mini"  type="primary">
         添加解读
-      </el-button>
+      </el-button> -->
     </el-card>
     <el-table
       style="width: 100%"
@@ -70,7 +70,7 @@
       <el-table-column label="操作" align="center">
         <template slot-scope="scope">
           <el-button @click="handlePage(scope.row.id)" type="text" size="small"
-            >编辑</el-button
+            >查看</el-button
           >
           <el-button
             @click="handleDelete(scope.row.id)"

src/views/login.vue

@@ -11,7 +11,7 @@
         </div>
       </div>
       <div class="my-right">
-        <div style="min-width:360px;max-width:360px;padding-bottom: 55px;">
+        <div style="min-width:360px;max-width:360px;padding-top: 55px;">
           <!-- <div class="m-title">欢迎登录</div> -->
           <el-form
             ref="loginForm"
@@ -19,8 +19,8 @@
             :rules="loginRules"
             class="login-form"
           >
-            <h3 class="col">嘉策科技创新服务平台</h3>
+            <!-- <h3 class="col">嘉策科技创新服务平台</h3> -->
-            <h1 class="title">登录</h1>
+            <h1 class="title">登　录</h1>
             <div class="login-info">
               <el-form-item prop="username">
                 <el-input
@@ -291,7 +291,7 @@ $loginForm: 383px;
       justify-content: center;
       align-items: center;
       img {
-        width: 405px;
+        // width: 405px;
         height: 325px;
       }
     }