工作

<template>
<div>
<tab :tabList="tabList" :tabIndex="tabIndex" class="tab" @tabClick="toggleNav"></tab>
<div class="content">

<div class="system_node" :style="{ height: maxHeight }">
<Spin size="large" fix v-if="!treeData"></Spin>
<div class="wrap">
<div class="search flex">
<Input search placeholder="請輸入分類名稱或分類號" v-model="treeVal" @on-search="searchTreeData"></Input>

</div>
<div class="tree" v-if="treeData">
<Tree :data="treeData" :show-checkbox="false" :render="renderContent" @on-select-change="treeChange"></Tree>
</div>
</div>
</div>

<div class="data" ref="data">
<div class="query_module">

<div class="query_title flex">
<span>查詢標(biāo)準(zhǔn)</span>




<Input search placeholder="請輸入標(biāo)準(zhǔn)號或標(biāo)準(zhǔn)名稱關(guān)鍵字進(jìn)行搜索" style="width: 310px" v-model="searchVal" @on-search="conditionData"></Input>
</div>

<div class="query_list">
<div style="position: relative;height: 150px;" v-if="!queryList">
<Spin size="large" fix></Spin>
</div>

                    <ul v-if="queryList">
                        <li v-for="(item, index) in queryList" :key="index">
                            <div class="title">{{ item.label }}:</div>
                            <div class="list_wrap flex" :style="{ height: item.isOpen ? item.openH : item.closeH }" ref="wrap">
                                <div v-for="(itemList, indexList) in item.list" :key="indexList" :class="{ active: itemList.selected }" @click="selectedCondition(item, itemList, index, indexList)">
                                    {{ itemList.dictLabel }}
                                </div>
                            </div>
                            <div class="more" @click="fold(index)" v-if="item.openH != '30px'">
                                <span>{{ item.isOpen ? "收起" : "展開" }}</span>
                                <i class="iconfont icon-shouqi" :style="{
                  transform: item.isOpen
                    ? 'rotate(0deg)'
                    : 'rotate(-180deg)',
                }"></i>
                            </div>
                        </li>
                    </ul>
                    <div class="searching_condition flex" v-if="queryList">
                        <div class="title">檢索條件:</div>
                        <div class="list">
                            <div class="item" v-for="(item, index) in conditionList" :key="index">
                                <span>{{ item.dictLabel }}</span>
                                <i class="iconfont icon-cuowu" @click="clearCondition(item, index)"></i>
                            </div>
                            <div class="reset_condition" v-if="conditionList.length != 0" @click="resetCondition">
                                重置條件
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="standard_list_wrap" ref="listWrap">
                <Spin size="large" fix v-if="tableLoading"></Spin>
                <!-- 排序 -->
                <div class="sort_module flex">
                    <sort v-for="(item, index) in sortList" :sortType="item.sortType" :text="item.text" :key="item.key" @sort="sort(item.key, index)"></sort>
                </div>
                <!-- 排序下的功能鍵 -->
                <div class="table_am flex">
                    <div class="selected_num">
                        (<span style="margin: 0px 3px;">已選<span style="color: #3388ff;margin: 0px 3px;">{{
              selectedNum
            }}</span>條</span>)
                    </div>
                    <div class="am flex" @click="clearSelected">
                        <i class="iconfont icon-lajitong"></i>
                        <span>清除已選</span>
                    </div>
                    <div class="am flex" @click="jumpzstp">
                        <i class="iconfont icon-chakan"></i>
                        <span>查看標(biāo)準(zhǔn)關(guān)系圖譜</span>
                    </div>
                    <!--                        <div class="am flex" @click="addSystem">-->
                    <!--                            <i class="iconfont icon-shujucaiji-"></i>-->
                    <!--                            <span>納入自定義體系</span>-->
                    <!--                        </div>-->
                    <div class="flex" style="flex: 1;margin-right: 0px;justify-content: flex-end;">
                        找到<span style="margin: 0px 3px;color: #3388ff;">{{
            !dataSource ? 0 : dataSource.length
          }}</span>條結(jié)果
                    </div>
                </div>
                <!-- 表格數(shù)據(jù) -->
                <div class="data_list">
                    <standard-list :columns="columns" :dataSource="dataSource ? dataSource : []" :total="total" @change="pageChange" @table_change="table_change" ref="table"></standard-list>
                </div>
            </div>
        </div>
    </div>
    <!--  創(chuàng)建體系 -->
    <create-system ref="createSystem"></create-system>
</div>

</template>

<script>
import tab from '@/components/tab'; //頂部消息
import sort from '@/components/sort'; //右側(cè)篩選
import { construct } from '@aximario/json-tree';
import standardList from '@/components/standardList'; //表格+頁碼
import elementResizeDetectorMaker from 'element-resize-detector'; //查看更多
import {
gjbSearchCondition, //智慧標(biāo)準(zhǔn)體系頁—832A和832搜索條件
gjbSystemList, // 智慧標(biāo)準(zhǔn)體系頁—832A和832體系列表
mirrorTree, //智慧標(biāo)準(zhǔn)體系頁—832和832a標(biāo)準(zhǔn)分類樹
searchCondition, // 智慧標(biāo)準(zhǔn)體系頁—集團(tuán)標(biāo)準(zhǔn)體系和國軍標(biāo)搜索條件
standardTree, //智慧標(biāo)準(zhǔn)體系頁—國軍標(biāo)和國家標(biāo)準(zhǔn)體系查詢樹
systemList, // 智慧標(biāo)準(zhǔn)體系頁—集團(tuán)標(biāo)準(zhǔn)體系和國軍標(biāo)體系列表
} from '@/libs/api'; //獲取接口
import createSystem from './components/createSystem'; //創(chuàng)建新體系

export default {
name: 'standardSystem',
components: {
tab,
sort,
standardList,
createSystem,
},
data() {
return {
// 頂部列表信息
tabList: [
{ text: '集團(tuán)標(biāo)準(zhǔn)體系', treeApi: 'standard', classType: 1 },
{ text: '國軍標(biāo)體系', treeApi: 'standard', classType: 2 },
{ text: '832A', treeApi: 'mirror', classType: 3 },
{ text: '832', treeApi: 'mirror', classType: 4 },
],
tabIndex: 0, //默認(rèn)下標(biāo)
treeData: null, //左側(cè)樹的數(shù)據(jù)
queryList: null, //查詢列表
conditionList: [], //條件列表
maxHeight: null, //最大高度
erd: elementResizeDetectorMaker(), //查看更多
sortList: [
//排序列表
{ text: '標(biāo)準(zhǔn)號', key: 'std_no' },
{ text: '標(biāo)準(zhǔn)名稱', key: 'name_cn' },
{ text: '發(fā)布日期', key: 'pub_date' },
{ text: '實(shí)施日期', key: 'implement_date' },
],
treeIds: [], //選擇的樹的ID
requiredQuery: {
//查詢必選項(xiàng)
fieldIdStr: null,
hTypeStr: null,
levelIdStr: null,
productTypeStr: null,
armyFlagStr: null,
pageSize: 10,
pageNum: 1,
},
columns: [], //表頭
dataSource: null, //數(shù)據(jù)
total: 0, //表格的頁碼
selectedNum: 0, //表格選中的數(shù)據(jù)的條數(shù)
treeVal: '', // 左側(cè)樹的搜索關(guān)鍵字
searchVal: '', //搜索條件
tableLoading: true, //loading是否出現(xiàn)
};
},
mounted() {
// 獲取表頭
this.columns = this.columnsData();
const { index, id } = this.route.query; if (index != null && index != undefined) { this.tabIndex = index; } // 獲取樹 this.sysManagetreeData(id); }, methods: { // 獲取表頭 columnsData() { let w = this.refs.listWrap.clientWidth;
let columns = [
{
type: 'selection',
width: 40,
align: 'center',
},
{
title: '分類編號',
key: 'sysCode',
align: 'center',
},
{
title: '分類名稱',
key: 'sysName',
align: 'center',
},
{
title: '標(biāo)準(zhǔn)編號',
key: 'stdNo',
align: 'center',
resizable: true,
render: (h, params) => {
return h('div', [
h(
'div',
{
class: 'jumpKey',
style: {
cursor: 'pointer',
// color: "#3388ff",
},
on: {
click: () => {
this.toBZDetail(params);
},
},
},
params.row.stdNo
),
]);
},
},
{
title: '標(biāo)準(zhǔn)名稱',
key: 'nameCn',
align: 'center',
resizable: true,
render: (h, params) => {
return h('div', [
h(
'span',
{
class: 'jumpKey',
style: {
cursor: 'pointer',
// color: "#3388ff",
},
on: {
click: () => {
this.toBZDetail(params);
},
},
},
params.row.nameCn
),
]);
},
},
{
title: '標(biāo)準(zhǔn)級別',
key: 'hType',
align: 'center',
resizable: true,
},
{
title: '狀態(tài)',
key: 'stdStateStr',
align: 'center',
render: function(h, params) {
let className = null;
let { stdStateStr } = params.row;
if (stdStateStr == '計劃') {
className = 'plan';
} else if (stdStateStr == '有效') {
className = 'valid';
} else {
className = 'abolish';
}
return h(
'div',
{
class: ${className} stdStatus,
},
stdStateStr
);
},
},
{
title: '發(fā)布日期',
key: 'pubDate',
align: 'center',
},
{
title: '操作',
key: 'action',
align: 'center',
render: (h, params) => {
return h(
'div',
{
class: 'actionWrap',
},
[
h('i', {
class: 'iconfont icon-shoucang',
style: {
marginRight: '12px',
},
on: {
click: () => {
this.show(params.index);
},
},
}),
h('i', {
class: 'iconfont icon-icon_zhishiku',
on: {
click: () => {
this.show(params.index);
},
},
}),
]
);
},
},
];
columns.forEach(item => {
if (item.key == 'nameCn') {
item.width = w * 0.2;
}
if (item.key == 'stdNo') {
item.width = w * 0.18;
}
if (item.key == 'hType') {
item.width = w * 0.18;
}
});
return columns;
},
// 跳轉(zhuǎn)到詳情頁
toBZDetail(values) {
this.router.push({ path: '/BasicDetail', query: { id: values.row.stdNo }, }); }, // 篩選條件de 點(diǎn)擊事件 selectedCondition({ queryKey }, { dictLabel, dictValue }, pIndex, cIndex) { const findRepetition = this.conditionList.find( item => item.queryKey == queryKey && item.dictValue == dictValue ); if (!findRepetition) { this.queryList[pIndex].list[cIndex].selected = true; this.conditionList.push({ dictLabel, queryKey, dictValue, pIndex, cIndex, }); this.listData(); } }, // 選擇條件 filterConditionArr() { // 將選中的條件數(shù)組過濾成 key value 形式的 let { conditionList } = this; let map = {}; if (conditionList && conditionList.length > 0) { conditionList.forEach(item => { if (!map[item.queryKey]) { map[item.queryKey] = []; } map[item.queryKey].push(item.dictValue); }); for (let key in map) { map[key] = map[key].join(','); } return map; } return false; }, // 清除某個條件 clearCondition(item, index) { this.conditionList.splice(index, 1); const { pIndex, cIndex } = item; this.queryList[pIndex].list[cIndex].selected = false; this.listData(); }, // 重置條件 resetCondition() { this.conditionList = []; for (let i of this.queryList) { for (let j of i.list) { j.selected = false; } } this.listData(); }, // 樹的渲染條件 renderContent(h, { root, node, data }) { return h( 'span', { style: { display: 'inline-block', width: '100%', }, }, [ h('span', [ h('Icon', { props: { type: node.children ? 'ios-folder-outline' : 'ios-document-outline', }, style: { marginRight: '8px', }, }), h('span', data.title), ]), ] ); }, // 排序 sort(key, index) { this.sortList.forEach((t, i) => { if (i != index) t.sortType = null; }); this.sortList[index].sortType = this.sortList[index].sortType ? this.sortList[index].sortType == 'asc' ? 'desc' : 'asc' : 'asc'; this.listData(); this.forceUpdate();
},
// 點(diǎn)擊數(shù)獲取父節(jié)點(diǎn)
findParentNode(list, id) {
const mofifNode = (data, cid) => {
for (let i = 0; i < data.length; i++) {
let item = data[i];
if (item.id == id) {
item.selected = true;
}
if (item.id === cid) {
item.expand = true;
mofifNode(list, item.pId);
} else {
if (item.children) {
mofifNode(item.children, cid);
}
}
}
};
mofifNode(list, id);
},
// findParentNode(data, id) {
// const field = data.find((item) => item.id === id);
// data.forEach(item => {
// if (item.id == id) {
// item.selected = true;
// }
// })
// if (field == null && field == undefined) {
// return false;
// }
// let parentId = field.pId;
// let cache = [field];
// //中條件
// while (parentId !== 0) {
// // 首先找到當(dāng)前 ParentId
// const f = data.find((item) => item.id == parentId);
// f.expand = true;
// cache.push(f);
// parentId = f.pId;
// }
// },
//查找所有的子節(jié)點(diǎn)
findChildIds(data, id, Arr) {
for (let i = 0; i < data.length; i++) {
let len = data[i].children && data[i].children.length > 0;
let wid = id;
if (data[i].pId == id) {
Arr.push(data[i].id);
wid = data[i].id;
}
if (len) {
this.findChildIds(data[i].children, wid, Arr);
}
}
return Arr;
},
// 獲取體系樹
sysManagetreeData(id) {
const { treeApi, classType } = this.tabList[this.tabIndex];
const url = treeApi == 'mirror' ? mirrorTree : standardTree;
this.axios(url, 'get', { searchQuery: this.treeVal, classType }).then( res => { const { data } = res; if (data.code != 500) { let treeList = this.filterTreeData(data); let selectSystem = null; if (id != null && id != undefined) { selectSystem = data.find(item => item.id == id); // 查找所有當(dāng)前選中id的所有父元素 讓所有父元素處于展開狀態(tài) this.findParentNode(treeList, selectSystem.id); } this.treeData = treeList; this.treeIds = id != null && id != undefined ? [...this.findChildIds(treeList, selectSystem.id, []), ...[id]] : this.getTreeIds(treeList, []); this.listDictData(); } else { this.Message.error('獲取體系樹異常!');
}
}
);
},
// 獲取搜索條件
listDictData() {
const { treeApi, classType } = this.tabList[this.tabIndex];
const url = treeApi == 'mirror' ? gjbSearchCondition : searchCondition;
const allSysIds = this.treeIds.join(',');
this.axios(url, 'post', this.qs.stringify({ allSysIds })).then(res => {
if (res.data.code != 500) {
let queryArr = [];
let key = [
'ARMY_PEOPLE',
'PRODUCT_LEVEL',
'STD_FIELD',
'STD_LEVEL',
'STD_RANK',
];
key.forEach(item => {
let value = res.data[item];
if (value && value.length != 0) {
queryArr.push({
key: item,
label: this.listDictText(item).text, // label 展示的漢字
queryKey: this.listDictText(item).queryKey, // queryKey 點(diǎn)擊篩選條件傳給服務(wù)端的key值
list: value,
isOpen: false, // 是否展開
});
}
});
this.queryList = queryArr;
this.listData();
this.nextTick(() => { // 數(shù)據(jù)渲染完之后獲取可視高度 點(diǎn)擊收起 展開 動態(tài)更改div的高度 const _dom = this.refs.wrap;
let _list = this.queryList;
for (let i = 0; i < _dom.length; i++) {
_list[i] = {
..._list[i],
openH: ${_dom[i].clientHeight}px,
closeH: '25px',
};
}
this.queryList = _list;
this.forceUpdate(); }); } else { this.Message.error('獲取查詢條件異常!');
}
});
},
// 獲取列表
listData(isPage = false) {
if (!isPage) {
this.requiredQuery.pageNum = 1;
this.refs.table.resetPage(); } this.tableLoading = true; this.erd.uninstall(this.refs.data);
const sortKey = this.sortList.find(item => item.sortType);
const allSysIds = this.treeIds.join(',');
const filterConditionArr = this.filterConditionArr();
const parameter = {
...this.requiredQuery,
...filterConditionArr,
orderByColumn: sortKey ? sortKey.key : null,
isAsc: sortKey ? sortKey.sortType : null,
allSysIds,
};
const { treeApi, classType } = this.tabList[this.tabIndex];
const url = treeApi == 'mirror' ? gjbSystemList : systemList;
this.axios(url, 'post', this.qs.stringify(parameter)).then(res => {
const { data } = res;
if (data.code != 500) {
const _this = this;
_this.tableLoading = false;
_this.dataSource = data.rows;
_this.total = data.total;
this.erd.listenTo(this.refs.data, function(element) { _this.maxHeight = `{element.clientHeight}px`;
});
} else {
this.Message.error('獲取列表異常妓蛮!'); } }); }, // 篩選樹的數(shù)據(jù) filterTreeData(data) { let result = construct(data, { id: 'id', pid: 'pId' }); const treeData = this.tree(result); return treeData; }, tree(result) { let newData = this.deepClone(result); return this.recursionTree(newData); }, // 遞歸樹 recursionTree(data) { data.forEach(item => { let len = item.children && item.children.length > 0; if (item.pId == 0 || item.pId == -1) { item.expand = true; } item.title = item.name; if (len) { this.recursionTree(item.children); } }); return data; }, // 定義一個深拷貝函數(shù) 接收目標(biāo)target參數(shù) deepClone(target) { // 定義一個變量 let result; // 如果當(dāng)前需要深拷貝的是一個對象的話 if (typeof target === 'object') { // 如果是一個數(shù)組的話 if (Array.isArray(target)) { result = []; // 將result賦值為一個數(shù)組味悄,并且執(zhí)行遍歷 for (let i in target) { // 遞歸克隆數(shù)組中的每一項(xiàng) result.push(this.deepClone(target[i])); } // 判斷如果當(dāng)前的值是null的話荷憋;直接賦值為null } else if (target === null) { result = null; // 判斷如果當(dāng)前的值是一個RegExp對象的話罐脊,直接賦值 } else if (target.constructor === RegExp) { result = target; } else { // 否則是普通對象,直接for in循環(huán)薪伏,遞歸賦值對象的所有值 result = {}; for (let i in target) { result[i] = this.deepClone(target[i]); } } // 如果不是對象的話滚澜,就是基本數(shù)據(jù)類型,那么直接賦值 } else { result = target; } // 返回最終結(jié)果 return result; }, // 獲取樹ID getTreeIds(data, idArr) { data.forEach(item => { idArr.push(item.id); if (item.children && item.children.length != 0) { this.getTreeIds(item.children, idArr); } }); return idArr; }, // 樹的值改變 treeChange(data) { this.treeIds = this.getTreeIds(data, []); this.resetParameter(); this.tableLoading = true; this.listDictData(); }, // 條件數(shù)據(jù)篩選 conditionData() { this.resetParameter(); this.listDictData(); }, // 查詢數(shù)據(jù)的表頭 listDictText(data) { let [text, queryKey] = [null, null]; switch (data) { case 'STD_FIELD': text = '標(biāo)準(zhǔn)領(lǐng)域'; queryKey = 'fieldIdStr'; break; case 'STD_LEVEL': text = '標(biāo)準(zhǔn)層級'; queryKey = 'levelIdStr'; break; case 'PRODUCT_LEVEL': text = '產(chǎn)品層級'; queryKey = 'productTypeStr'; break; case 'ARMY_PEOPLE': text = '軍民屬性'; queryKey = 'armyFlagStr'; break; case 'STD_RANK': text = '標(biāo)準(zhǔn)級別'; queryKey = 'hTypeStr'; break; } return { text, queryKey }; }, // 清除表格選擇 clearSelected() { this.refs.table.selectAll(false);
},
// 頁碼改變
pageChange(page) {
this.selectedNum = 0;
this.requiredQuery.pageNum = page;
this.tableLoading = true;
this.listData(true);
},
// 接收表格改變數(shù)據(jù)
table_change(data) {
this.selectedNum = data.length;
},
// 折疊
fold(index) {
const { isOpen } = this.queryList[index];
this.queryList[index].isOpen = !isOpen;
this.forceUpdate(); }, // 頭部切換導(dǎo)航 toggleNav(index) { if (this.tabIndex != index) { this.tabIndex = index; this.treeData = null; this.tableLoading = true; this.resetParameter(); this.sysManagetreeData(); } }, // 左側(cè)樹的搜索關(guān)鍵詞 searchTreeData() { // 重置狀態(tài) this.treeData = null; this.resetParameter(); this.sysManagetreeData(); }, // 重置參數(shù) resetParameter() { this.queryList = null; this.dataSource = null; this.requiredQuery.pageNum = 1; this.selectedNum = 0; this.conditionList = []; this.resetSort(); }, // 重置排序 resetSort() { this.sortList.forEach(item => { item.sortType = null; }); }, // 添加系統(tǒng) addSystem() { this.refs.createSystem.showModal();
},
// 跳轉(zhuǎn)
jumpzstp() {
const selectData = this.refs.table.getSelectRow(); if (selectData.length == 0) { this.Message.warning('請選擇至少一條標(biāo)準(zhǔn)');
return false;
}
const stdNos = selectData.map(item => item.stdNo).join(',');
this.store.dispatch('setStdNo', stdNos); this.router.push('/standard/standardAtlas');
},
},
// 折疊
beforeDestroy() {
this.erd.uninstall(this.$refs.data);
},
};
</script>

<style scoped lang="less">
@import '../../styles/less/standardModule';

/deep/ .ivu-table-cell {
padding-right: 10px;
padding-left: 10px;
}

.flex {
display: flex;
}

.tab {
margin-bottom: 20px;
/deep/ .active:after {
bottom: -1px;
}
}

.content {
position: relative;
overflow: hidden;
min-height: calc(100vh - 250px);

.system_node {
width: 300px;
min-height: calc(100vh - 250px);
background: white;
overflow: auto;
float: left;
position: relative;

.wrap {
  padding: 0px 16px;
  margin-bottom: 20px;
}

.search {
  margin-top: 20px;

  .system_btn {
    margin-left: 6px;
  }
}

.tree {
  overflow: auto;
}

}

.data {
float: left;
width: calc(100% - 320px);
min-height: calc(100vh - 250px);
margin-left: 20px;
overflow: auto;
display: flex;
flex-direction: column;

> .query_module {
  padding: 0px 20px 20px 20px;
  background: white;

  .query_title {
    height: 50px;
    align-items: center;
    border-bottom: 1px solid #efefef;

    span {
      flex: 1;
      font-size: 15px;
      font-weight: bold;
    }
  }

  .query_list {
    margin-top: 12px;
    overflow: hidden;
  }

  .query_list > ul {
    overflow: hidden;
  }

  .query_list > ul > li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 8px;

    &:last-of-type {
      margin-bottom: 0px;
    }

    .title {
      font-size: 14px;
      font-weight: bold;
      width: 70px;
      line-height: 25px;
    }

    .list_wrap {
      flex: 1;
      flex-wrap: wrap;
      font-size: 14px;
      margin-right: 12px;
      transition: 0.3s height ease-in-out;

      > div {
        line-height: 25px;
        margin-right: 20px;
        color: #60636f;
        margin-bottom: 5px;
        cursor: pointer;
      }

      .active {
        color: #3388ff;
      }
    }

    .more {
      cursor: pointer;
      font-size: 14px;
      display: flex;
      align-items: center;

      span {
        margin-right: 2px;
      }

      i {
        transition: 0.5s;
      }
    }
  }

  .searching_condition {
    align-items: flex-start;
    margin-top: 8px;
    font-size: 14px;

    .title {
      font-weight: bold;
      width: 70px;
      line-height: 25px;
    }

    .list {
      flex-wrap: wrap;
      display: flex;
      flex: 1;

      .item {
        line-height: 23px;
        border-radius: 3px;
        border: solid 1px #3388ff;
        align-items: center;
        padding: 0px 6px;
        display: flex;
        color: #3388ff;
        margin-right: 20px;
        margin-bottom: 7px;

        i {
          margin-top: 1px;
          margin-left: 6px;
          cursor: pointer;
        }
      }
    }

    .reset_condition {
      color: #3388ff;
      cursor: pointer;
      height: 25px;
      line-height: 25px;
    }
  }
}

> .standard_list_wrap {
  margin-top: 20px;
  background: white;
  padding: 0px 20px;
  flex: 1;
  position: relative;

  .table_am {
    .am {
      cursor: pointer;
    }
  }

  .sort_module {
    padding: 12px 0px;
    border-bottom: 1px solid #efefef;

    /deep/ .sort {
      padding: 0px 15px;
      position: relative;
    }

    /deep/ .sort:before {
      position: absolute;
      width: 1px;
      height: 18px;
      content: '';
      background: #dddddd;
      right: 0px;
      top: 2px;
    }

    /deep/ .sort:first-of-type {
      padding-left: 0px;
    }
  }
}

}
}

/deep/ .jumpKey:hover {
color: #3388ff;
}

/deep/ .stdStatus {
width: 42px;
height: 22px;
text-align: center;
line-height: 23px;
margin: 0 auto;
border-radius: 3px;
}
/deep/ .valid {
background: rgba(255, 120, 4, 0.15);
color: #ff7804;
}
/deep/ .plan {
background: rgba(51, 136, 255, 0.15);
color: #3388ff;
}
/deep/ .abolish {
background: rgba(121, 121, 121, 0.15);
color: #797979;
}
</style>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末嫁怀,一起剝皮案震驚了整個濱河市设捐,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌塘淑,老刑警劉巖萝招,帶你破解...
    沈念sama閱讀 216,651評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異存捺,居然都是意外死亡槐沼,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,468評論 3 392
  • 文/潘曉璐 我一進(jìn)店門捌治,熙熙樓的掌柜王于貴愁眉苦臉地迎上來岗钩,“玉大人,你說我怎么就攤上這事肖油〖嫦牛” “怎么了?”我有些...
    開封第一講書人閱讀 162,931評論 0 353
  • 文/不壞的土叔 我叫張陵森枪,是天一觀的道長视搏。 經(jīng)常有香客問我,道長县袱,這世上最難降的妖魔是什么浑娜? 我笑而不...
    開封第一講書人閱讀 58,218評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮式散,結(jié)果婚禮上筋遭,老公的妹妹穿的比我還像新娘。我一直安慰自己暴拄,他們只是感情好漓滔,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,234評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著揍移,像睡著了一般。 火紅的嫁衣襯著肌膚如雪反肋。 梳的紋絲不亂的頭發(fā)上那伐,一...
    開封第一講書人閱讀 51,198評論 1 299
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼罕邀。 笑死畅形,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的诉探。 我是一名探鬼主播日熬,決...
    沈念sama閱讀 40,084評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼肾胯!你這毒婦竟也來了竖席?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,926評論 0 274
  • 序言:老撾萬榮一對情侶失蹤敬肚,失蹤者是張志新(化名)和其女友劉穎毕荐,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體艳馒,經(jīng)...
    沈念sama閱讀 45,341評論 1 311
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡憎亚,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,563評論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了弄慰。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片第美。...
    茶點(diǎn)故事閱讀 39,731評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖陆爽,靈堂內(nèi)的尸體忽然破棺而出什往,到底是詐尸還是另有隱情,我是刑警寧澤墓陈,帶...
    沈念sama閱讀 35,430評論 5 343
  • 正文 年R本政府宣布恶守,位于F島的核電站,受9級特大地震影響贡必,放射性物質(zhì)發(fā)生泄漏兔港。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,036評論 3 326
  • 文/蒙蒙 一仔拟、第九天 我趴在偏房一處隱蔽的房頂上張望衫樊。 院中可真熱鬧,春花似錦利花、人聲如沸科侈。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,676評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽臀栈。三九已至,卻和暖如春挠乳,著一層夾襖步出監(jiān)牢的瞬間权薯,已是汗流浹背姑躲。 一陣腳步聲響...
    開封第一講書人閱讀 32,829評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留盟蚣,地道東北人黍析。 一個月前我還...
    沈念sama閱讀 47,743評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像屎开,于是被迫代替她去往敵國和親阐枣。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,629評論 2 354

推薦閱讀更多精彩內(nèi)容