|
|
@@ -1,613 +0,0 @@
|
|
|
-<template>
|
|
|
- <div>
|
|
|
- <el-alert class="diy-tip" title="温馨提示：" v-show="tips_show" type="success" description show-icon>
|
|
|
- <p> 岗位职责关联员工个人信息，利于员工清楚了解所在岗位的工作职责</p>
|
|
|
- </el-alert>
|
|
|
- <div class="box br-5 all boxMinHeight">
|
|
|
- <div class="main flex-box">
|
|
|
- <div class="main-left" style="padding: 20px;padding-right: 0px;">
|
|
|
- <div style="text-align: center;margin-bottom: 16px;">
|
|
|
- <div style="margin-bottom: 10px;"><el-button type="primary" @click="openAdd(1)">新建分类</el-button></div>
|
|
|
- <div><el-button type="primary" @click.stop="openV(1)">新增岗位</el-button></div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <ul class="ul" v-if="tabs.length > 0" v-loading="item_loading">
|
|
|
- <li class="flex-box-ce li" v-for="(item, index) in tabs" :key="index" :class="[tabItem.id == item.id ? 'isActiveLi' : '']" @click="activeLi(item, index)">
|
|
|
- <div class="index-name font-flex-word"><i class="el-icon-s-help" v-if="item.id==-1"></i> {{ item.name }}</div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <noData v-else content="暂无关系视图" imgW="120px" imgH="80px"></noData>
|
|
|
- </div>
|
|
|
- <div class="flex-1 main-right">
|
|
|
- <div class="right-title flex-box">
|
|
|
- <h2 style="padding-right: 12px;margin: 0;">{{ tabItem.name }}</h2>
|
|
|
- <el-button class="el-dropdown-link" v-if="tabItem.id!=-1" size="small" @click.stop="openAdd(2)">编辑</el-button>
|
|
|
- <div class="flex-1"></div>
|
|
|
- <el-input style="width: 200px;margin-right: 10px;" size="small" maxlength="100" show-word-limit v-model="name" clearable placeholder="搜索"/>
|
|
|
-
|
|
|
- </div>
|
|
|
- <el-table :data="list" stripe fit v-loading="table_loading" @row-click="openDetail" style="cursor: pointer;">
|
|
|
- <el-table-column label="岗位名称" prop="name" width="260"></el-table-column>
|
|
|
- <el-table-column label="岗位职责" prop="desc_1" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column label="操作" prop="event_time" width="150">
|
|
|
- <template slot-scope="scope">
|
|
|
- <div class="blue" style="cursor: pointer;">编辑</div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <template slot="empty">
|
|
|
- <NoData isSolt v-if="list.length==0">
|
|
|
- <div>暂无岗位，<span class="blue" style="cursor: pointer;" @click.stop="openV(1)">新增岗位</span></div>
|
|
|
- </NoData>
|
|
|
- <NoData v-else></NoData>
|
|
|
- </template>
|
|
|
- </el-table>
|
|
|
- <Pagination :page="page" :page_size="page_size" :total="total" @handleSizeChange="handleSizeChange" @handleCurrentChange="handleCurrentChange"></Pagination>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 新建分类，编辑分类 -->
|
|
|
- <el-dialog :close-on-click-modal="false" width="600px" :title="tabTiele" :visible.sync="importErrorInfoShow">
|
|
|
- <el-form :model="relationNew" ref="ruleForm" label-width="120px">
|
|
|
- <el-form-item label="分类名称:" prop="name">
|
|
|
- <el-input v-model.trim="relationNew.name" style="width: 250px;" placeholder="请输入名称" show-word-limit maxlength="10"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- <span slot="footer">
|
|
|
- <div class="flex-box">
|
|
|
- <el-button v-if="addIndex == 2" @click="closeStatistic" type="danger">删 除</el-button>
|
|
|
- <div class="flex-1"></div>
|
|
|
- <el-button @click="importErrorInfoShow = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="editRelation">确 定</el-button>
|
|
|
- </div>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog :title="params.id? '编辑岗位':'新增岗位'" :visible.sync="visible_" :close-on-click-modal="false" append-to-body width="700px" top="5%">
|
|
|
- <el-form :model="params" ref="params" label-width="100px" class="form">
|
|
|
- <el-form-item label="岗位名称" :rules="[{ required: true, message: '请输入岗位名称'}]" prop="name">
|
|
|
- <el-input style="width: 350px;" v-model.trim="params.name" placeholder="请输入岗位名称" maxlength="15" show-word-limit></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="所属分类" :rules="[{ required: true, message: '请输入岗位名称' }]" prop="cate_id">
|
|
|
- <el-select v-model="params.cate_id" placeholder="指标类型" style="width: 350px;">
|
|
|
- <el-option v-for="item in tabs" :key="item.id" :label="item.name" :value="item.id"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="岗位职责"></el-form-item>
|
|
|
- <div style="border: 1px solid #ccc;margin-bottom: 20px;" v-if="visible_">
|
|
|
- <!-- 工具栏 -->
|
|
|
- <Toolbar style="border-bottom: 1px solid #ccc" :editor="editor" :defaultConfig="toolbarConfig"/>
|
|
|
- <!-- 编辑器 -->
|
|
|
- <Editor style="height: 300px"
|
|
|
- :defaultConfig="editorConfig"
|
|
|
- :defaultContent="getDefaultContent"
|
|
|
- @onCreated="onCreated"
|
|
|
- />
|
|
|
- </div>
|
|
|
- </el-form>
|
|
|
- <div class="flex-box-ce">
|
|
|
- <el-button v-if="params.id" @click="deleteCate" type="danger">删 除</el-button>
|
|
|
- <div class="flex-1"></div>
|
|
|
- <el-button @click="visible_=false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="confirm('params')">确 定</el-button>
|
|
|
- </div>
|
|
|
- </el-dialog>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
-import { Editor, Toolbar, getEditor, removeEditor, createEditor } from '@wangeditor/editor-for-vue';
|
|
|
-import cloneDeep from 'lodash.clonedeep';
|
|
|
-import {_debounce} from '@/utils/auth';
|
|
|
-export default {
|
|
|
- name: 'post',
|
|
|
- components: {Editor, Toolbar},
|
|
|
- data() {
|
|
|
- return {
|
|
|
- total: 0,
|
|
|
- page: 1,
|
|
|
- page_size: 10,
|
|
|
- tabItem:{ name:'销售'},
|
|
|
- item_loading:false,
|
|
|
- tabs:[{name:'全部分类',id:-1}],
|
|
|
- tips_show:true,
|
|
|
- relationNew:{
|
|
|
- id:'',
|
|
|
- name:'',
|
|
|
- },
|
|
|
- addIndex:1,
|
|
|
- tabTiele:'新建分类',
|
|
|
- importErrorInfoShow:false,
|
|
|
- visible_:false,
|
|
|
- // 富文本
|
|
|
- editor: null,
|
|
|
- defaultContent: [], // 编辑器的默认内容，只在初始化时使用
|
|
|
- latestContent: [], // 用于存储编辑器最新的内容，onChange 时修改
|
|
|
- toolbarConfig: {
|
|
|
- mode: 'simple',
|
|
|
- toolbarKeys: [
|
|
|
- 'headerSelect', // 分割线
|
|
|
- '|',
|
|
|
- 'bold',
|
|
|
- 'italic',
|
|
|
- 'underline',
|
|
|
- 'through',
|
|
|
- 'color',
|
|
|
- 'bgColor',
|
|
|
- 'indent',
|
|
|
- 'justifyLeft',
|
|
|
- 'justifyRight',
|
|
|
- 'justifyCenter',
|
|
|
- 'justifyJustify',
|
|
|
- 'bulletedList',
|
|
|
- 'numberedList',
|
|
|
- 'clearStyle'
|
|
|
- ]
|
|
|
- },
|
|
|
- editorConfig: {
|
|
|
- placeholder: '请输入内容...'
|
|
|
- },
|
|
|
- params: {
|
|
|
- cate_id:-1,
|
|
|
- name: '',
|
|
|
- desc: '',
|
|
|
- desc_1: '',
|
|
|
- desc_2:'',
|
|
|
- },
|
|
|
- list:[],
|
|
|
- table_loading:false,
|
|
|
- name:'',
|
|
|
- };
|
|
|
- },
|
|
|
- watch: {
|
|
|
- name: {
|
|
|
- deep: true,
|
|
|
- handler: _debounce(function(val) {
|
|
|
- this.page = 1;
|
|
|
- this.getTableData();
|
|
|
- })
|
|
|
- },
|
|
|
- importErrorInfoShow(val){
|
|
|
- if(!val){
|
|
|
- this.relationNew={name:'',id:''};
|
|
|
- }
|
|
|
- },
|
|
|
- visible_(val){
|
|
|
- if(!val){
|
|
|
- this.params={
|
|
|
- cate_id:-1,
|
|
|
- name: '',
|
|
|
- desc: '',
|
|
|
- desc_1: '',
|
|
|
- desc_2:'',
|
|
|
- };
|
|
|
- this.defaultContent=[];
|
|
|
- }
|
|
|
- },
|
|
|
- },
|
|
|
- computed: {
|
|
|
- // <!-- 注意，这里使用 computed 的结果 -->
|
|
|
- getDefaultContent() {
|
|
|
- return cloneDeep(this.defaultContent); // 深拷贝，重要！！！
|
|
|
- }
|
|
|
- },
|
|
|
- created() {
|
|
|
- this.getList(true);
|
|
|
- },
|
|
|
- methods: {
|
|
|
- deleteCate(){
|
|
|
- this.$confirm('确定删除该岗位', '提示', {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning'
|
|
|
- }).then(() => {
|
|
|
- this.$axiosUser('POST', '/api/pro/post/delete_post', { id:this.params.id}).then(res => {
|
|
|
- this.$message.success('删除成功');
|
|
|
- this.visible_=false;
|
|
|
- this.getTableData();
|
|
|
- })
|
|
|
- }).catch(() => {});
|
|
|
- },
|
|
|
- openV(index){
|
|
|
- this.visible_=true;
|
|
|
- if(index==1){
|
|
|
- this.params.cate_id=this.tabItem.id
|
|
|
- }
|
|
|
- },
|
|
|
- activeLi(item, index) {
|
|
|
- this.tabItem = JSON.parse(JSON.stringify(item));
|
|
|
- this.page=1;
|
|
|
- this.page_size=10;
|
|
|
- this.getTableData();
|
|
|
- },
|
|
|
- getList(is) {
|
|
|
- this.item_loading=true;
|
|
|
- this.tabs=[{name:'全部分类',id:-1}];
|
|
|
- this.$axiosUser('get', '/api/pro/post/post_cate_list').then(res => {
|
|
|
- this.tabs.push(...res.data.data)
|
|
|
- if(is){
|
|
|
- this.tabItem = JSON.parse(JSON.stringify(this.tabs[0]));
|
|
|
- this.getTableData();
|
|
|
- }
|
|
|
- }).finally(()=>{
|
|
|
- this.item_loading=false;
|
|
|
- });
|
|
|
- },
|
|
|
- getTableData() {
|
|
|
- this.table_loading=true;
|
|
|
- let data={
|
|
|
- page:this.page,
|
|
|
- page_size:this.page_size,
|
|
|
- cate_id:this.tabItem.id,
|
|
|
- name:this.name
|
|
|
- }
|
|
|
- this.$axiosUser('get', '/api/pro/post/cate_post_list',data).then(res => {
|
|
|
- this.list=res.data.data.list
|
|
|
- this.total=res.data.data.total
|
|
|
- }).finally(()=>{
|
|
|
- this.table_loading=false;
|
|
|
- });
|
|
|
- },
|
|
|
- openDetail(e){
|
|
|
- this.$axiosUser('get', '/api/pro/post/post_detail',{id:e.id}).then(res => {
|
|
|
- let data=res.data.data;
|
|
|
- data.cate_id=data.cat_id==0? -1:data.cat_id;
|
|
|
- this.params=data;
|
|
|
- if(data.desc_2){
|
|
|
- this.defaultContent=JSON.parse(data.desc_2)
|
|
|
- }else{
|
|
|
- this.defaultContent=[];
|
|
|
- }
|
|
|
- this.visible_=true;
|
|
|
- })
|
|
|
- },
|
|
|
- onCreated(editor) {
|
|
|
- this.editor = Object.seal(editor); // 【注意】一定要用 Object.seal() 否则会报错
|
|
|
- },
|
|
|
- // 确定
|
|
|
- confirm(formName) {
|
|
|
- this.$refs[formName].validate((valid) => {
|
|
|
- if (valid) {
|
|
|
- const editor = this.editor;
|
|
|
- if (editor == null) return;
|
|
|
- // console.log(editor.getHtml(),editor.getText()); // 执行 editor API
|
|
|
- let data={
|
|
|
- cate_id:this.params.cate_id==-1?0:this.params.cate_id,
|
|
|
- name: this.params.name,
|
|
|
- }
|
|
|
- if(editor.getHtml()!='<p><br></p>'){
|
|
|
- data.desc= editor.getHtml();
|
|
|
- data.desc_1=editor.getText();
|
|
|
- data.desc_2=JSON.stringify(editor.children);
|
|
|
- }
|
|
|
- if(this.params.id){
|
|
|
- data.id=this.params.id;
|
|
|
- }
|
|
|
- this.$axiosUser('post', '/api/pro/post/edit_post',data).then(res => {
|
|
|
- this.$message.success(data.id? '已编辑':'已添加');
|
|
|
- this.visible_=false;
|
|
|
- this.getTableData();
|
|
|
- })
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- openAdd(index) {
|
|
|
- this.importErrorInfoShow = true;
|
|
|
- this.addIndex = index;
|
|
|
- this.tabTiele = '新建分类';
|
|
|
- if (index == 2) {
|
|
|
- this.tabTiele = '编辑分类';
|
|
|
- this.relationNew = JSON.parse(JSON.stringify(this.tabItem));
|
|
|
- }
|
|
|
- },
|
|
|
- editRelation(){
|
|
|
- if(!this.relationNew.name){
|
|
|
- this.$message.error('名称不能为空');
|
|
|
- return false;
|
|
|
- }
|
|
|
- if(this.addIndex==1){
|
|
|
- delete this.relationNew.id
|
|
|
- }
|
|
|
-
|
|
|
- this.$axiosUser('post', '/api/pro/post/edit_post_cate',this.relationNew).then(res => {
|
|
|
- this.tabItem = JSON.parse(JSON.stringify(this.relationNew));
|
|
|
- this.$message.success('添加成功');
|
|
|
- this.getList(this.addIndex==1? true:false);
|
|
|
- }).finally(()=>{
|
|
|
- this.importErrorInfoShow = false;
|
|
|
- })
|
|
|
- },
|
|
|
- closeStatistic(){
|
|
|
- this.$confirm('确定删除该分类', '提示', {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning'
|
|
|
- }).then(() => {
|
|
|
- this.$axiosUser('POST', '/api/pro/post/delete_post_cate', { id:this.tabItem.id}).then(res => {
|
|
|
- this.$message.success('删除成功');
|
|
|
- this.getList(true);
|
|
|
- }).finally(()=>{
|
|
|
- this.importErrorInfoShow = false;
|
|
|
- })
|
|
|
- }).catch(() => {});
|
|
|
- },
|
|
|
- // 页面变更
|
|
|
- handleCurrentChange(val) {
|
|
|
- this.page = val;
|
|
|
- this.getTableData();
|
|
|
- },
|
|
|
- // 页面跳转
|
|
|
- handleSizeChange(val) {
|
|
|
- this.page_size = val;
|
|
|
- this.getTableData();
|
|
|
- }
|
|
|
- },
|
|
|
- beforeDestroys() {
|
|
|
- const editor = this.editor;
|
|
|
- if (editor == null) return;
|
|
|
- editor.destroy(); // 组件销毁时，及时销毁 editor ，重要！！！
|
|
|
- },
|
|
|
-};
|
|
|
-</script>
|
|
|
-<style src="@wangeditor/editor/dist/css/style.css"></style>
|
|
|
-<style scoped="scoped" lang="scss">
|
|
|
- .diy-tip {
|
|
|
- margin-bottom: 10px;
|
|
|
- border: 1px solid #67c23a;
|
|
|
- padding: 20px 16px;
|
|
|
- p {
|
|
|
- color: #67c23a !important;
|
|
|
- font-size: 14px;
|
|
|
- margin: 0 !important;
|
|
|
- padding: 4px 0;
|
|
|
- }
|
|
|
- }
|
|
|
-.widthAtuo {
|
|
|
- width: auto !important;
|
|
|
- height: auto !important;
|
|
|
-}
|
|
|
-.inputDc {
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- right: 0;
|
|
|
- left: 0;
|
|
|
- bottom: 0;
|
|
|
- z-index: 9;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-.date-picker-width {
|
|
|
- width: 250px !important;
|
|
|
-}
|
|
|
-.righe-box-times {
|
|
|
- display: inline-block;
|
|
|
- width: 60px;
|
|
|
- height: 30px;
|
|
|
- text-align: center;
|
|
|
- line-height: 30px;
|
|
|
- background-color: #f5f7fa;
|
|
|
- color: #606266;
|
|
|
- margin-right: 15px;
|
|
|
- border-radius: 3px;
|
|
|
- cursor: pointer;
|
|
|
- transition: all 0.3s;
|
|
|
-}
|
|
|
-.righe-box-time1 {
|
|
|
- background-color: #ecf5ff;
|
|
|
- color: #0089ff;
|
|
|
-}
|
|
|
-.all-derawer ::v-deep.el-drawer {
|
|
|
- height: 90% !important;
|
|
|
- border-radius: 10px 10px 0 0;
|
|
|
- min-width: 1100px !important;
|
|
|
-}
|
|
|
-.all-derawer ::v-deep.el-drawer__header {
|
|
|
- background-color: #f5f7fa;
|
|
|
- padding: 12px 20px;
|
|
|
- margin-bottom: 0px;
|
|
|
- font-size: 16px;
|
|
|
-}
|
|
|
-.tableDataItem {
|
|
|
- width: 100px;
|
|
|
- padding: 16px 0;
|
|
|
- text-align: center;
|
|
|
- border-bottom: 1px solid #ebeef5;
|
|
|
-}
|
|
|
-.right-box-Chart {
|
|
|
- margin-top: 30px;
|
|
|
-}
|
|
|
-.right-title {
|
|
|
- margin: 0 0 20px 0;
|
|
|
-}
|
|
|
-#move {
|
|
|
- transition: 0.5s all;
|
|
|
- display: inline-block;
|
|
|
- margin: 0 auto;
|
|
|
- text-align: left;
|
|
|
- width: auto;
|
|
|
- // height: 1000px;
|
|
|
-}
|
|
|
-.contentBox {
|
|
|
- overflow: auto;
|
|
|
- margin-top: 10px;
|
|
|
- padding: 10px;
|
|
|
- min-height: 600px;
|
|
|
- text-align: center;
|
|
|
- background-color: #f1f1f1;
|
|
|
- min-height: calc(100vh - 300px);
|
|
|
-}
|
|
|
-.num {
|
|
|
- background-color: #fff;
|
|
|
- width: 30px;
|
|
|
- height: 30px;
|
|
|
- text-align: center;
|
|
|
- line-height: 30px;
|
|
|
- border-radius: 3px;
|
|
|
- font-size: 18px;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-.box {
|
|
|
- font-size: 14px;
|
|
|
- box-sizing: border-box;
|
|
|
- background-color: #fff;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.main {
|
|
|
- // margin-top: 30px;
|
|
|
-}
|
|
|
-/* bug： 我在flex布局的元素中使用了elementui的table组件，饿了么的table上会被加一个动态的宽度， 当第一次改变flex元素宽度的时候。table的动态宽度会变化，第二次和以后就不会变化了。*/
|
|
|
-
|
|
|
-
|
|
|
-.main-right {
|
|
|
- min-width: 800px;
|
|
|
- padding: 30px;
|
|
|
- padding-left: 10px;
|
|
|
- // padding-top: 30px;
|
|
|
- /* overflow-x: hidden; */
|
|
|
-}
|
|
|
-.main-left {
|
|
|
- width: 240px;
|
|
|
- border-radius: 3px;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-.main-left::after {
|
|
|
- position: absolute;
|
|
|
- content: '';
|
|
|
- width: 1px;
|
|
|
- height: auto;
|
|
|
- left: 220px;
|
|
|
- top: 0;
|
|
|
- bottom: 0;
|
|
|
- background-color: #f1f1f1;
|
|
|
-}
|
|
|
-::v-deep .has-gutter {
|
|
|
- // display: none;
|
|
|
-}
|
|
|
-.li {
|
|
|
- height: 53px;
|
|
|
- line-height: 53px;
|
|
|
- padding: 0 20px;
|
|
|
- border-bottom: 1px solid #f1f1f1;
|
|
|
- color: #777777;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-.borderBox {
|
|
|
- -webkit-appearance: none;
|
|
|
- background-color: #fff;
|
|
|
- background-image: none;
|
|
|
- border-radius: 4px;
|
|
|
- border: 1px solid #dcdfe6;
|
|
|
- -webkit-box-sizing: border-box;
|
|
|
- box-sizing: border-box;
|
|
|
- color: #c0c4cf;
|
|
|
- font-size: inherit;
|
|
|
- height: auto;
|
|
|
- outline: 0;
|
|
|
- padding: 0 15px;
|
|
|
- width: 250px;
|
|
|
- position: relative;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-.borderBox .font-flex-word {
|
|
|
- color: #606266;
|
|
|
-}
|
|
|
-.li:hover {
|
|
|
- background-color: #f5f7fa;
|
|
|
-}
|
|
|
-.li:hover .el-icon-more {
|
|
|
- display: block;
|
|
|
-}
|
|
|
-.index-name {
|
|
|
- width: 170px;
|
|
|
-}
|
|
|
-.ul {
|
|
|
- max-height: calc(100vh - 230px);
|
|
|
- overflow: auto;
|
|
|
- width: 200px;
|
|
|
-}
|
|
|
-.ul::-webkit-scrollbar {
|
|
|
- width: 6px;
|
|
|
- height: 6px;
|
|
|
-}
|
|
|
-.ul:hover::-webkit-scrollbar-thumb {
|
|
|
- background-color: #ccc;
|
|
|
-}
|
|
|
-.ul::-webkit-scrollbar-track {
|
|
|
- width: 6px;
|
|
|
- background-color: #f1f1f1;
|
|
|
- -webkit-border-radius: 2em;
|
|
|
- -moz-border-radius: 2em;
|
|
|
- border-radius: 2em;
|
|
|
-}
|
|
|
-.isActiveLi {
|
|
|
- background-color: #f5f7fa;
|
|
|
- color: #409EFF !important;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.isActiveLi::after {
|
|
|
- width: 3px;
|
|
|
- content: ' ';
|
|
|
- background-color: #409EFF;
|
|
|
- left: 0;
|
|
|
- bottom: 0;
|
|
|
- top: 0;
|
|
|
- position: absolute;
|
|
|
-}
|
|
|
-.item {
|
|
|
- font-size: 14px;
|
|
|
- cursor: pointer;
|
|
|
- padding: 8px;
|
|
|
- border-bottom: 1px solid #e8e8e8;
|
|
|
-}
|
|
|
-.item:hover {
|
|
|
- background-color: #f5f7fa;
|
|
|
-}
|
|
|
-.content {
|
|
|
- padding: 0 10px;
|
|
|
-}
|
|
|
-/* 表格 */
|
|
|
-table {
|
|
|
- border-collapse: collapse;
|
|
|
-}
|
|
|
-table th,
|
|
|
-table td {
|
|
|
- border: 1px solid #ccc;
|
|
|
- min-width: 50px;
|
|
|
- height: 20px;
|
|
|
- text-align: left;
|
|
|
-}
|
|
|
-table th {
|
|
|
- background-color: #f1f1f1;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-
|
|
|
-/* 代码块 */
|
|
|
-pre > code {
|
|
|
- display: block;
|
|
|
- border: 1px solid hsl(0, 0%, 91%);
|
|
|
- border-radius: 4px 4px;
|
|
|
- text-indent: 0;
|
|
|
- background-color: #fafafa;
|
|
|
- padding: 10px;
|
|
|
- font-size: 14px;
|
|
|
-}
|
|
|
-
|
|
|
-/* 引用 */
|
|
|
-blockquote {
|
|
|
- display: block;
|
|
|
- border-left: 8px solid #d0e5f2;
|
|
|
- padding: 10px 10px;
|
|
|
- margin: 10px 0;
|
|
|
- background-color: #f1f1f1;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-/* 分割线 */
|
|
|
-hr {
|
|
|
- display: block;
|
|
|
- width: 90%;
|
|
|
- margin: 20px auto;
|
|
|
- border: 0;
|
|
|
- height: 1px;
|
|
|
- background-color: #ccc;
|
|
|
-}
|
|
|
-</style>
|
guojy