#686 div3

本文通过分析Codeforces上的三道编程题目,探讨了全排列、唯一拍卖和序列转换的解决方案。A题要求找到一个特殊的全排列,使得每个元素不等于其下标;B题涉及独特的投标拍卖,寻找最小的唯一出价;C题讨论序列的连续段变换问题,寻找最小改变次数。文章通过C++代码展示了如何解决这些问题,并强调了在算法设计中的关键思考和优化技巧。

http://codeforces.com/contest/1454

A. Special Permutation

consisting 组成
distinct 不同的
condition 条件
proven 证明

找到一个1~n的全排列,使每个数不等于它的下标

	int t;
	cin >> t;
	while(t --) {
		int n;
		cin >> n;
		for(int i = 2; i <= n; i ++) {
			cout << i << " ";
		}
		cout << 1 << endl;
	}

B. Unique Bid Auction

Unique 独一无二的
Bid 投标竞价
Auction 拍卖
minimal 最小

    int t;
    cin >> t;
    while(t --) {
    	int n;
    	cin >> n;
    	map<int, int> mp;
    	int a[200005];
    	mp.clear();
    	for(int i = 1; i <= n; i ++) {
    		cin >> a[i];
    		mp[a[i]] ++;
		}
		int ans = 1e9, ii = -1;
		for(int i = 1; i <= n; i ++) {
			if(mp[a[i]] == 1 && a[i] < ans) 
				ans = a[i], ii = i;
		}
		cout << ii << endl;
	}

C. Sequence Transformation *

segment 段
contiguous 相邻的
collapses 崩溃 折叠

学习:INT_MAXINT_MIN直接赋最大最小值

void solve() {
	int n;
	cin >> n;
	int a[n], ans = INT_MAX;
	map<int, int> mp;
	for(int i = 0; i < n; i ++) {
		cin >> a[i];
		if(i == 0) continue;
		else if(a[i] != a[i - 1]) mp[a[i]] ++;
	}
	mp[a[n - 1]] --; //*
	for(int i = 0; i <n; i ++) {
		ans = min(ans, mp[a[i]]);
	}
	cout << ans + 1 << endl;
}

D. Number into Sequence

Sequence 序列
strictly 严格的

<div class="next-virtual-tree-container"><div class="next-virtual-list-wrapper" style="position: relative; height: 1092px;"><div style="transform: translate(0px, 0px);"><ul role="tree" aria-multiselectable="false" class="next-tree next-label-block next-node-indent mr-change-file-tree"><li role="presentation" class="next-tree-node" id="tree_f327158de5da6cc3ccb8bf1e6efb8439ec18a473" level="1"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="true" aria-level="1" aria-posinset="1" aria-setsize="39" class="next-tree-node-inner" tabindex="0"><span class="next-tree-switcher next-noline"><i class="next-icon next-icon-arrow-down next-medium next-tree-switcher-icon next-tree-fold-icon"></i></span><div class="next-tree-node-label-wrapper" data-spm-anchor-id="a2cl9.codeup_devops2020_goldlog_projectCodeReviewDetail.0.i0.1a4b2f95Riq47i"><div class="next-tree-node-label next-tree-node-label-selectable"><i class="teamix-icon teamix-icon-folder-line teamix-medium" style="color: var(--color-text1-2, #6e6e6e);"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-folder-line"></use></svg></i><span class="label-content "><div class="teamix-title"><span>develop/api</span></div></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_645502b1c12dbd3e90161f42b35ac4842b2f1bc0" level="2"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="true" aria-level="2" aria-posinset="2" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noline"><i class="next-icon next-icon-arrow-down next-medium next-tree-switcher-icon next-tree-fold-icon"></i></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><i class="teamix-icon teamix-icon-folder-line teamix-medium" style="color: var(--color-text1-2, #6e6e6e);"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-folder-line"></use></svg></i><span class="label-content "><div class="teamix-title"><span>cc</span></div></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_26795b2da1ced4325633e17429a14a6d65b37997" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="3" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>agenda.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 79</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 47</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_2bf30c75cda26b6da9a01bb778c3f18caff120b7" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="4" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>bot-asr.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 3</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 3</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_5415bbf49cd2dce85711212f52e33e311f53396b" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="5" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>cache.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 7</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 8</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_2244b0780bfca45f4c922db59e053b3883112722" level="3"><div role="treeitem" aria-selected="true" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="6" aria-setsize="39" class="next-tree-node-inner next-selected" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content selected read"><div class="teamix-title"><span>call.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 225</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 24</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_c0db26d547a3e13a3e725335a3810f5427c6041f" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="7" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>cdr-ib.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 5</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 5</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_36daf1c4dc152afacb2964a0a4d980cbfeac4190" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="8" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>cdr-new-ib.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 45</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 19</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_622909527d2dc809366984c977e94ccd65d5bce3" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="9" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content "><div class="teamix-title"><span>cdr-new-ob.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 2</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 2</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_2a6ecd488c46a3b580371de33343d8cfde3a411f" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="10" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content "><div class="teamix-title"><span>cdr-ob.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 1</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 4</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_b2f2e0948f378d82249b208abc74336d186b9015" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="11" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content "><div class="teamix-title"><span>cdr-webcall.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 10</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 5</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_c96ea8e19e39822d6b93792b6a1eca351192c195" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="12" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title teamix-title-tooltip-trigger"><span>cloud-number.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 57</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 17</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_9f0f11e837f94eae5e698e87f4007496a028b790" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="13" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>comment.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 1</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 1</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_de8eed9622827c92e2bef5b723b34973853f5d1e" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="14" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title teamix-title-tooltip-trigger"><span>config-client.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 299</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 79</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_70db9dfa2724ee83041e57034e35866fd984f490" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="15" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title teamix-title-tooltip-trigger"><span>config-enterprise-pause.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 38</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 16</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_06f31b7e5b2206a07381e9a4514e1ee7360dd606" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="16" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title teamix-title-tooltip-trigger"><span>config-exten.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 153</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 43</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_8668a164f3b579c32e2ff437e29a2d9b9e7facab" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="17" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content "><div class="teamix-title"><span>config-global.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 12</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_02ee093280570525c4acdbfe1cb0638cbc01854e" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="18" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content "><div class="teamix-title"><span>config-ivr.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 2</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 6</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_262552720b3a25db9c10d0cb5ac1bf5917a4fbde" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="19" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title teamix-title-tooltip-trigger"><span>config-number.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 70</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 41</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_b6eaed69a33cbb7bcc82256fbbf6fe8fb99d61f2" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="20" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title teamix-title-tooltip-trigger"><span>config-queue.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 135</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 52</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_e153e556cf95e0de8a4dc3c6b4dd5c771766c76c" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="21" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title teamix-title-tooltip-trigger"><span>config-restrict-tel.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 63</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 29</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_7b76e5a55474a067b0a786da41180f97dc45fb7f" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="22" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content "><div class="teamix-title teamix-title-tooltip-trigger"><span>enterprise-info.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 12</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 3</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_3b2284d33f54f511379b41f9ff4b798a4aa1ac69" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="23" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content "><div class="teamix-title"><span>intelligent.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 2</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 2</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_42245dcf3431cbc07b41363fe72e1b4b72b39521" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="24" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content "><div class="teamix-title"><span>investigation.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 8</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 7</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_2b79fcb8c33ac0fd04019d6ddc898a0cfa489836" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="25" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content "><div class="teamix-title"><span>ivr-script.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 2</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 2</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_7aeb796e6c100399330afc26c134f13a6ab83255" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="26" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>log.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 17</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 8</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_d2f1e29c432a686aa88c4cb1fb143d5d4318693d" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="27" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>manage.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 101</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 21</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_5e970457d3b2936ae361e83bf05ab5ff9d2fefe2" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="28" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>monitor.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 44</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 28</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_d93cc6a762355686be58a79adb0678a8da962e60" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="29" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content "><div class="teamix-title"><span>record.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 1</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 1</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_71af7fbc40f41108388d6bad45a6d27f6b8b095c" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="30" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>report.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 225</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 119</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_00e44423e8a5374da656f4c501c5a95c417fc545" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="31" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>sms.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 119</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 54</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_e48fa19c604cb18d50fbd8c024fc8fee1ded3c33" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="32" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>sqc-asr.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 34</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 11</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_6ac9e8260de70a8375bf2d7aee6939aecb8743ca" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="33" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content "><div class="teamix-title"><span>sso-login.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 1</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 1</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_00b07295c64dbd5376df8d02bda47da65b4e8cc9" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="34" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title teamix-title-tooltip-trigger"><span>task-property.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 10</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 2</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_dffb54a48011883825c29fdcd90af450763763f9" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="35" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>voice-mail.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 9</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 3</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_8ad845fdbb2305336e6609d2f303542ebe2c245f" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="36" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>wm_rtc.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 38</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 13</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_2d82ef1179abafdcd48e7f68df961e01b7166451" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="37" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content read"><div class="teamix-title"><span>ws-login.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 12</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 3</span></span></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_8acab7cec62a3e33f169fa70f0bc95410c10f6d0" level="2"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="true" aria-level="2" aria-posinset="38" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noline"><i class="next-icon next-icon-arrow-down next-medium next-tree-switcher-icon next-tree-fold-icon"></i></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><i class="teamix-icon teamix-icon-folder-line teamix-medium" style="color: var(--color-text1-2, #6e6e6e);"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-folder-line"></use></svg></i><span class="label-content "><div class="teamix-title"><span>include</span></div></span></div></div></div></li><li role="presentation" class="next-tree-node" id="tree_70f70460b38ad1cb9617bbfd726b33ee7aa2cfdb" level="3"><div role="treeitem" aria-selected="false" aria-disabled="false" aria-checked="false" aria-expanded="false" aria-level="3" aria-posinset="39" aria-setsize="39" class="next-tree-node-inner" tabindex="-1"><span class="next-tree-node-indent-unit"></span><span class="next-tree-node-indent-unit"></span><span class="next-tree-switcher next-noop-noline"></span><div class="next-tree-node-label-wrapper"><div class="next-tree-node-label next-tree-node-label-selectable"><div class="mr-file-read-state"><span class="next-badge next-badge-not-a-wrapper mr-file-read-badge"></span><i class="teamix-icon teamix-icon-modified-code-file-line teamix-small"><svg viewBox="0 0 1024 1024"><use xlink:href="#yunxiao-modified-code-file-line"></use></svg></i></div><span class="label-content "><div class="teamix-title"><span>preface-cc.adoc</span></div><span class="label-content-right"><span class="changes-tree-item-right-item add-lines">+ 4</span><span class="changes-tree-item-right-item del-lines" style="margin-left: 8px;">- 1</span></span></span></div></div></div></li></ul></div></div></div> 这是我插件所控制pr页面中文件相关代码,是否存在这样一种情况,只有点击文件之后才会进行创建从而生成该文件的diff,
08-06
<template> <div class="border tlinter-border rounded-md p-5 h-full flex flex-col"> <div class="flex justify-start"> <!-- 关键:flex 布局 + justify-start 左对齐 --> <p class="text-[16px] font-bold tlinter-text-one m-0">问题概览</p> </div> <!-- 环形图 + 状态卡片 横向布局 --> <div class="flex flex-1 items-center"> <!-- 左侧环形图 --> <div class="w-1/3 h-[288px]"> <div ref="ringChartDom" class="w-full h-[260px]"></div> <div class="flex flex-1 items-center h-[28px] items-center justify-center"> <p class="font-normal text-[14px] tlinter-text-two ml-7.5"> <span class="mr-2 w-2.5 h-2.5 inline-block bg-[#F43535] dark:bg-[#FF5D5D]"></span>错误:2358 </p> <p class="font-normal text-[14px] tlinter-text-two ml-7.5"> <span class="mr-2 w-2.5 h-2.5 inline-block bg-[#E47E00] dark:bg-[#FFAA40]"></span>警告:4712 </p> </div> </div> <el-divider :direction="&#39;vertical&#39;" class="h-[288px]" /> <div class="w-2/3 grid grid-cols-4 gap-4 p-5 text-center"> <el-statistic title="待确认" :value="35"/> <el-statistic title="确认修改" :value="2345"/> <el-statistic title="确认不修改" :value="2345"/> <el-statistic title="忽略" :value="2345"/> </div> </div> </div> </template> <script setup> import {ref, onMounted, nextTick, onBeforeUnmount, watch} from &#39;vue&#39;; import * as echarts from &#39;echarts&#39;; import { useThemeStore } from &#39;@/stores/index.js&#39; const themeStore = useThemeStore() // 1. 统一管理问题状态数据(环形图+卡片共用) const problemData = [ { name: &#39;错误&#39;, value: 35, color: themeStore.isDark ? &#39;#FF5D5D&#39; : &#39;#F43535&#39; }, { name: &#39;警告&#39;, value: 25, color: themeStore.isDark ? &#39;#FFAA40&#39; : &#39;#E47E00&#39; }, ]; // 总计(所有状态数据求和) const totalCount = problemData.reduce((sum, item) => sum + item.value, 0); // 2. 环形图初始化 const ringChartDom = ref(null); const initRingChart = () => { nextTick(() => { if (!ringChartDom.value) return; const chart = echarts.init(ringChartDom.value); const option = { // 环形图中心文本(显示总计) graphic: [ { type: &#39;text&#39;, left: &#39;center&#39;, top: &#39;45%&#39;, style: { text: `总计\n${totalCount}`, fontSize: 16, fontWeight: &#39;bold&#39;, color: themeStore.isDark ? &#39;#FFFFFF&#39; : &#39;#1D2024&#39;, textAlign: &#39;center&#39; } } ], tooltip: { trigger: &#39;item&#39;, formatter: &#39;{b}: {c} ({d}%)&#39;, // 悬停显示“名称: 数量 (占比)” backgroundColor: themeStore.isDark ? &#39;#252526&#39; : &#39;#FFFFFF&#39;, borderColor: themeStore.isDark ? &#39;#474747&#39; : &#39;#E9EDF0&#39;, borderWidth: 1, textStyle: { color: themeStore.isDark ? &#39;#FFFFFF&#39; : &#39;#1D2024&#39; } }, series: [ { type: &#39;pie&#39;, radius: [&#39;50%&#39;, &#39;70%&#39;], // 环形图内外半径(控制环宽) center: [&#39;50%&#39;, &#39;50%&#39;], // 居中显示 avoidLabelOverlap: false, itemStyle: { color: (params) => params.data.color, // 自定义扇区颜色 borderRadius: 4, // 扇区圆角 borderWidth: 2, borderColor: themeStore.isDark ? &#39;#252526&#39; : &#39;#FFFFFF&#39;, // 扇区间白色分隔线 }, label: { show: false }, // 隐藏默认标签 labelLine: { show: false }, // 隐藏标签连接线 data: problemData // 绑定问题状态数据 } ], // 入场动画 animation: true, animationDuration: 1500, animationEasing: &#39;elasticOut&#39; }; chart.setOption(option); // 窗口 resize 适配 window.addEventListener(&#39;resize&#39;, () => chart.resize()); // 组件卸载时销毁图表 onBeforeUnmount(() => { window.removeEventListener(&#39;resize&#39;, chart.resize); chart.dispose(); }); }); }; // 3. 挂载时初始化环形图 onMounted(() => { initRingChart(); }); watch( () => themeStore.isDark, () => { initRingChart() } ) </script> <style scoped> /* 深色模式下统计卡片文本颜色 */ :deep(.dark .el-statistic__title) { color: #FFFFFF !important; } :deep(.dark .el-statistic__value) { color: #FFFFFF !important; } /* 浅色模式下统计卡片文本颜色(确保对比明显) */ :deep(.el-statistic__title) { color: #1D2024 !important; } :deep(.el-statistic__value) { color: #1D2024 !important; } </style>总计color没有颜色显示
11-06
<div class="right"> <div class="first_video"> <div class="video_warp"> <?php foreach ($site_info[&#39;array_prottList&#39;] as $key => $tjitem) { echo &#39; <video class="slider-video" preload="auto" loop="" autoplay="" muted="" playsinline="" visibility: visible;"><source type="video/mp4" src="https://www.finutra.com/files/&#39; . $tjitem["key3"] . &#39;"></video> &#39;; } ?> </div> <div class="info CENTURY751B"> <p>Maternal and Child Products</p> </div> </div> <ul class="video_ul"> <?php if (have_posts()) { $i = 0; while (have_posts()) { the_post(); $temp = get_post(); ?> <li class="video_li"> <a href="#" class="video_warp" onclick="window.location.href=&#39;<?php the_permalink(); ?>&#39;"> <img src="<?php echo GR_IMAGE($temp->image_pic_url); ?>" alt=""> <div class="play_warp"></div> </a> <a href="<?php the_permalink(); ?>" class="info CENTURY751B"> <?php echo $temp->post_title; ?> </a> </li> <? $i++; } } else { echo &#39;No Article can be displayed&#39;; } ?> </ul> <div class="pagination"> <ul> <?php mo_paging(); ?> </ul> </div> </div> 这一部分需要修改成第一个数据 放到这“”“<div class="video_warp"> <?php foreach ($site_info[&#39;array_prottList&#39;] as $key => $tjitem) { echo &#39; <video class="slider-video" preload="auto" loop="" autoplay="" muted="" playsinline="" visibility: visible;"><source type="video/mp4" src="https://www.finutra.com/files/&#39; . $tjitem["key3"] . &#39;"></video> &#39;; } ?> </div> <div class="info CENTURY751B"> <p>Maternal and Child Products</p> </div>”“”
03-12
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值