教材主题色

src/views/book/create.vue

@@ -80,6 +80,9 @@
             placeholder="请输入更多内容"
           />
         </el-form-item>
+        <el-form-item label="主题色" prop="theme_color">
+          <el-color-picker v-model="form.theme_color"></el-color-picker>
+        </el-form-item>
         <el-form-item>
           <el-button type="primary" @click="addBook">确定</el-button>
           <el-button @click="$router.push('/')">取消</el-button>
@@ -109,6 +112,7 @@ export default {
         label_name_list: '',
         type_name_list: [],
         description: '',
+        theme_color: '#E35454',
       },
       formRules: {
         picture_url: [{ required: true, message: '请上传封面', trigger: 'blur' }],
@@ -182,7 +186,18 @@ export default {
     },
     getBookDetail() {
       GetBook({ id: this.book_id }).then(
-        ({ name, picture_id, picture_url, author, type_name_list, price, price_old, label_name_list, description }) => {
+        ({
+          name,
+          picture_id,
+          picture_url,
+          author,
+          type_name_list,
+          price,
+          price_old,
+          label_name_list,
+          description,
+          theme_color,
+        }) => {
           this.form = {
             name,
             picture_id,
@@ -193,6 +208,7 @@ export default {
             price_old,
             label_name_list,
             description,
+            theme_color,
           };
         },
       );

src/views/book/setting.vue

@@ -33,7 +33,7 @@
           <div class="catalogue-top">
             <div class="title">目录</div>
             <div class="operation">
-              <el-button><SvgIcon icon-class="palette" /> 主色设置</el-button>
+              <!-- <el-button><SvgIcon icon-class="palette" /> 主色设置</el-button> -->
               <el-button @click="isEdit = true"><SvgIcon icon-class="edit" /> 编辑目录</el-button>
               <el-button @click="enterPreview"><SvgIcon icon-class="browse" /> 预览</el-button>
             </div>