Commit f929cdfb by liyuhang19990520

ui样式

parent 16f22811
...@@ -386,7 +386,7 @@ ...@@ -386,7 +386,7 @@
</div> </div>
<div class="info"> <div class="info">
<div class="header"> <div class="header">
<img src="@/assets/img/ren.png" alt="" /> <i class="iconfont icon-xitongjiaose"></i>
<div>组角色</div> <div>组角色</div>
</div> </div>
<div class="default-role-group"> <div class="default-role-group">
...@@ -416,8 +416,10 @@ ...@@ -416,8 +416,10 @@
<p>{{ item.name || "-" }}</p> <p>{{ item.name || "-" }}</p>
</div> </div>
<div <div
v-show="!xtCheckPersonArr || xtCheckPersonArr.length <= 0" v-show="!xtCheckPersonArr || xtCheckPersonArr.length <= 2"
v-for="(item, index) in 3" v-for="(item, index) in 3 - xtCheckPersonArr.length <= 0
? 0
: 3 - xtCheckPersonArr.length"
:key="index + 'l'" :key="index + 'l'"
class="biao" class="biao"
></div> ></div>
...@@ -449,8 +451,10 @@ ...@@ -449,8 +451,10 @@
<p>{{ item.name || "-" }}</p> <p>{{ item.name || "-" }}</p>
</div> </div>
<div <div
v-show="!zdyCheckPersonArr || zdyCheckPersonArr.length <= 0" v-show="!zdyCheckPersonArr || zdyCheckPersonArr.length <= 2"
v-for="(item, index) in 3" v-for="(item, index) in 3 - zdyCheckPersonArr.length <= 0
? 0
: 3 - zdyCheckPersonArr.length"
:key="index + 'l'" :key="index + 'l'"
class="biao" class="biao"
></div> ></div>
...@@ -460,7 +464,7 @@ ...@@ -460,7 +464,7 @@
<div class="line"></div> <div class="line"></div>
</div> </div>
<div class="header"> <div class="header">
<img src="@/assets/img/addren.png" alt="" /> <i class="iconfont icon-ketianjiajiaose1"></i>
<div>可添加角色</div> <div>可添加角色</div>
</div> </div>
<div class="default-role-group"> <div class="default-role-group">
...@@ -490,8 +494,10 @@ ...@@ -490,8 +494,10 @@
<p>{{ item.name || "-" }}</p> <p>{{ item.name || "-" }}</p>
</div> </div>
<div <div
v-show="!ktjxtPerson || ktjxtPerson.length <= 0" v-show="!ktjxtPerson || ktjxtPerson.length <= 2"
v-for="(item, index) in 3" v-for="(item, index) in 3 - ktjxtPerson.length <= 0
? 0
: 3 - ktjxtPerson.length"
:key="index + 'l'" :key="index + 'l'"
class="biao" class="biao"
></div> ></div>
...@@ -523,8 +529,10 @@ ...@@ -523,8 +529,10 @@
<p>{{ item.name || "-" }}</p> <p>{{ item.name || "-" }}</p>
</div> </div>
<div <div
v-show="!ktjzdyPerson || ktjzdyPerson.length <= 0" v-show="!ktjzdyPerson || ktjzdyPerson.length <= 2"
v-for="(item, index) in 3" v-for="(item, index) in 3 - ktjzdyPerson.length <= 0
? 0
: 3 - ktjzdyPerson.length"
:key="index + 'l'" :key="index + 'l'"
class="biao" class="biao"
></div> ></div>
...@@ -1495,8 +1503,12 @@ export default { ...@@ -1495,8 +1503,12 @@ export default {
border: 1px dashed #aeb5c2 !important; border: 1px dashed #aeb5c2 !important;
position: relative !important; position: relative !important;
display: inline-block; display: inline-block;
transform: translateY(4px);
margin-right: 25px; margin-right: 25px;
border-radius: 4px; border-radius: 4px;
margin-right: 25px;
margin-bottom: 5px;
margin-top: 7px;
} }
.delSelection /deep/ .el-table-column--selection .cell { .delSelection /deep/ .el-table-column--selection .cell {
display: none; display: none;
......
...@@ -62,7 +62,9 @@ ...@@ -62,7 +62,9 @@
<el-checkbox v-model="checked" style="margin-right: 10px" <el-checkbox v-model="checked" style="margin-right: 10px"
>停用</el-checkbox >停用</el-checkbox
> >
<div class="btn1" @click="delMore()" v-if="roleArr.includes('H-1-1')">删除</div> <div class="btn1" @click="delMore()" v-if="roleArr.includes('H-1-1')">
删除
</div>
<div class="add" @click="open"> <div class="add" @click="open">
<svg-icon <svg-icon
style=" style="
......
...@@ -223,11 +223,11 @@ ...@@ -223,11 +223,11 @@
} }
} }
.table-data /deep/{ .table-data /deep/ {
height: 530px; height: 530px;
width: 100%; width: 100%;
.el-table { .el-table {
height: 510px!important; height: 510px !important;
} }
.tagsBox { .tagsBox {
display: flex; display: flex;
...@@ -332,7 +332,6 @@ ...@@ -332,7 +332,6 @@
} }
} }
.el-table /deep/ { .el-table /deep/ {
.is-checked { .is-checked {
.el-checkbox__inner { .el-checkbox__inner {
background: #055fe7; background: #055fe7;
...@@ -706,10 +705,10 @@ ...@@ -706,10 +705,10 @@
} }
} }
} }
.groupYonghuDialog /deep/{ .groupYonghuDialog /deep/ {
.el-checkbox { .el-checkbox {
.el-checkbox__input.is-checked{ .el-checkbox__input.is-checked {
.el-checkbox__inner{ .el-checkbox__inner {
border-color: #055fe7; border-color: #055fe7;
background-color: #055fe7; background-color: #055fe7;
} }
...@@ -780,10 +779,14 @@ ...@@ -780,10 +779,14 @@
height: 16px; height: 16px;
background-color: #055fe7; background-color: #055fe7;
border-radius: 2px; border-radius: 2px;
margin-right: 10px; margin-right: 6px;
} }
> img { > div {
height: 14px; transform: translateY(-1px);
}
> i {
font-size: 14px;
font-weight: 600;
margin-right: 5px; margin-right: 5px;
} }
} }
...@@ -842,9 +845,25 @@ ...@@ -842,9 +845,25 @@
.content { .content {
display: inline-block; display: inline-block;
width: calc(100% - 105px); width: calc(100% - 105px);
height: 94px !important; max-height: 88px !important;
box-sizing: border-box; box-sizing: border-box;
overflow: auto; overflow: auto;
&::-webkit-scrollbar {
width: 6px; /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
/* 滚动槽 */
&::-webkit-scrollbar-track {
height: 65px;
-webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
border-radius: 10px;
}
/* 滚动条滑块 */
&::-webkit-scrollbar-thumb {
border-radius: 10px;
height: 65px;
background: #dadde0;
}
.contentItem { .contentItem {
display: inline-block; display: inline-block;
width: calc((100% - 75px) / 3); width: calc((100% - 75px) / 3);
......
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-12-01 15:25:22 * @Date: 2021-12-01 15:25:22
* @LastEditTime: 2021-12-23 15:14:23 * @LastEditTime: 2021-12-27 20:28:06
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: \指纹系统\founder_vue\src\views\AllPersonnelBase\bzxxfh.vue * @FilePath: \指纹系统\founder_vue\src\views\AllPersonnelBase\bzxxfh.vue
...@@ -51,10 +51,10 @@ ...@@ -51,10 +51,10 @@
</el-form-item> </el-form-item>
<el-form-item label="复核状态:" prop="fhzt"> <el-form-item label="复核状态:" prop="fhzt">
<el-select v-model="ruleForm.fhzt" placeholder="请选择复核状态" clearable> <el-select v-model="ruleForm.fhzt" placeholder="请选择复核状态" clearable>
<el-option label="未复核" value="0"></el-option> <el-option label="待复核" value="0"></el-option>
<el-option label="已复核" value="3"></el-option>
<el-option label="复核有效" value="2"></el-option> <el-option label="复核有效" value="2"></el-option>
<el-option label="复核无效" value="1"></el-option> <el-option label="复核无效" value="1"></el-option>
<el-option label="已复核" value="3"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="数据为最近:" prop="zjsj" class="sjzjw"> <el-form-item label="数据为最近:" prop="zjsj" class="sjzjw">
...@@ -196,7 +196,7 @@ export default { ...@@ -196,7 +196,7 @@ export default {
}, },
rules: {}, rules: {},
selectBoo: false,// 是否批量操作 selectBoo: false,// 是否批量操作
width33: 50, width33: 35,
width4: 120, width4: 120,
width1: 220, width1: 220,
width2: 160, width2: 160,
......
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-12-03 15:35:26 * @Date: 2021-12-03 15:35:26
* @LastEditTime: 2021-12-23 15:18:08 * @LastEditTime: 2021-12-27 17:28:48
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: \指纹系统\founder_vue\src\views\bzxxgl\fhxxLT.vue * @FilePath: \指纹系统\founder_vue\src\views\bzxxgl\fhxxLT.vue
...@@ -1860,7 +1860,7 @@ export default { ...@@ -1860,7 +1860,7 @@ export default {
.data { .data {
width: 100%; width: 100%;
height: 200px; height: 200px;
padding: 0 25px 0 25px; padding: 0 70px 0 70px;
display: flex; display: flex;
z-index: 333; z-index: 333;
flex-direction: row; flex-direction: row;
...@@ -2066,10 +2066,10 @@ export default { ...@@ -2066,10 +2066,10 @@ export default {
.source-label { .source-label {
width: 40px; width: 40px;
height: 320px; height: 280px;
background: #f6f8fa; background: #f6f8fa;
border-radius: 8px 0px 0px 8px; border-radius: 8px 0px 0px 8px;
margin-top: 40px; margin-top: 50px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
...@@ -2082,7 +2082,7 @@ export default { ...@@ -2082,7 +2082,7 @@ export default {
.dest-label { .dest-label {
width: 40px; width: 40px;
height: 320px; height: 280px;
background: #f6f8fa; background: #f6f8fa;
border-radius: 8px 0px 0px 8px; border-radius: 8px 0px 0px 8px;
margin-top: 45px; margin-top: 45px;
......
...@@ -4,6 +4,14 @@ $tableHeight: var(--tableHeight, 450px); ...@@ -4,6 +4,14 @@ $tableHeight: var(--tableHeight, 450px);
#bzxxfh { #bzxxfh {
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
.el-date-editor {
padding-left: 0 !important;
padding-right: 25px;
/deep/ .el-icon-date {
position: absolute;
right: 0;
}
}
.bzxxfh-top { .bzxxfh-top {
margin: 24px 24px 16px 24px; margin: 24px 24px 16px 24px;
border-bottom: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;
...@@ -53,7 +61,7 @@ $tableHeight: var(--tableHeight, 450px); ...@@ -53,7 +61,7 @@ $tableHeight: var(--tableHeight, 450px);
.line1 { .line1 {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 20px; margin-bottom: 15px;
.el-form-item { .el-form-item {
margin-right: 24px; margin-right: 24px;
} }
...@@ -539,4 +547,15 @@ $tableHeight: var(--tableHeight, 450px); ...@@ -539,4 +547,15 @@ $tableHeight: var(--tableHeight, 450px);
background-color: #377fec; background-color: #377fec;
border-color: #377fec; border-color: #377fec;
} }
.el-table /deep/ {
.cell {
color: #333;
}
.el-table__header-wrapper {
td.el-table__cell,
th.el-table__cell.is-leaf {
border-bottom: none !important;
}
}
}
} }
...@@ -57,12 +57,12 @@ ...@@ -57,12 +57,12 @@
color: #2e3846; color: #2e3846;
margin-right: 24px; margin-right: 24px;
&:hover { &:hover {
border: 1px solid #377FEC; border: 1px solid #377fec;
color: #377FEC;; color: #377fec;
} }
&:active { &:active {
border: 1px solid #044CB9; border: 1px solid #044cb9;
color: #044CB9; color: #044cb9;
} }
} }
.cancelBtn { .cancelBtn {
...@@ -70,10 +70,10 @@ ...@@ -70,10 +70,10 @@
border-radius: 4px; border-radius: 4px;
color: #ffffff; color: #ffffff;
&:hover { &:hover {
background: #377FEC; background: #377fec;
} }
&:active { &:active {
background: #044CB9; background: #044cb9;
} }
} }
} }
...@@ -131,11 +131,10 @@ ...@@ -131,11 +131,10 @@
.fhxx-top { .fhxx-top {
margin-top: 14px; margin-top: 14px;
padding: 20px 32px; padding: 20px 32px;
width: 712px; width: 736px;
height: 730px; height: 730px;
background: #f6f8fa; background: #f6f8fa;
box-shadow: 0px 1px 2px 0px rgba(5, 95, 231, 0.4), box-shadow: 0px 1px 2px 0px rgba(5, 95, 231, 0.4), 0px -1px 2px 0px rgba(5, 95, 231, 0.19);
0px -1px 2px 0px rgba(5, 95, 231, 0.19);
border-radius: 8px; border-radius: 8px;
.fhxx-title { .fhxx-title {
font-size: 16px; font-size: 16px;
...@@ -143,6 +142,16 @@ ...@@ -143,6 +142,16 @@
font-weight: bold; font-weight: bold;
color: #00b48f; color: #00b48f;
} }
.el-textarea /deep/ {
background: #ffffff;
box-shadow: 0px -1px 2px 0px rgba(5, 95, 231, 0.18);
border-radius: 4px;
.el-textarea__inner {
background: #ffffff;
box-shadow: 0px -1px 2px 0px rgba(5, 95, 231, 0.18);
border-radius: 4px;
}
}
.scroll-content { .scroll-content {
overflow-y: scroll; overflow-y: scroll;
height: 675px; height: 675px;
...@@ -199,7 +208,7 @@ ...@@ -199,7 +208,7 @@
} }
} }
.content-area2 { .content-area2 {
margin-top: 16px; margin-top: 6px;
/deep/.el-textarea { /deep/.el-textarea {
/deep/.el-textarea__inner { /deep/.el-textarea__inner {
width: 297px; width: 297px;
...@@ -238,7 +247,7 @@ ...@@ -238,7 +247,7 @@
} }
} }
.content-area { .content-area {
margin-top: 82px; margin-top: 73px;
/deep/.el-textarea { /deep/.el-textarea {
/deep/.el-textarea__inner { /deep/.el-textarea__inner {
width: 297px; width: 297px;
...@@ -350,7 +359,7 @@ ...@@ -350,7 +359,7 @@
color: #333333; color: #333333;
} }
/deep/.el-textarea__inner { /deep/.el-textarea__inner {
width: 712px; width: 736px;
height: 70px; height: 70px;
background: #f6f8fa; background: #f6f8fa;
box-shadow: 0px 1px 2px 0px rgba(5, 95, 231, 0.18); box-shadow: 0px 1px 2px 0px rgba(5, 95, 231, 0.18);
...@@ -407,7 +416,7 @@ ...@@ -407,7 +416,7 @@
.jcbzFlag { .jcbzFlag {
width: 128px; width: 128px;
height: 40px; height: 40px;
background: #ECEDF1; background: #ecedf1;
border-radius: 4px; border-radius: 4px;
border: none; border: none;
display: flex; display: flex;
...@@ -416,7 +425,7 @@ ...@@ -416,7 +425,7 @@
cursor: pointer; cursor: pointer;
font-size: 14px; font-size: 14px;
font-family: MicrosoftYaHei; font-family: MicrosoftYaHei;
color: #AEAFB4; color: #aeafb4;
} }
} }
/deep/.el-textarea__inner { /deep/.el-textarea__inner {
......
...@@ -64,11 +64,17 @@ ...@@ -64,11 +64,17 @@
> >
</el-date-picker> </el-date-picker>
</div> </div>
<div class="clear_btn" @click="clearParams">清空</div> <div
class="clear_btn"
@click="clearParams('yes')"
:style="{ visibility: newStr ? '' : 'hidden' }"
>
清空
</div>
<el-button type="primary" @click="search">筛选结果</el-button> <el-button type="primary" @click="search">筛选结果</el-button>
</div> </div>
<div class="width100 margin_top24_bottom24"> <div class="width100 margin_top24_bottom24">
<div class="display_style"> <div class="display_style prevent">
<label>查询类型:</label> <label>查询类型:</label>
<div v-for="(btn, index) in queryTypeBtns" :key="index"> <div v-for="(btn, index) in queryTypeBtns" :key="index">
<!-- <div--> <!-- <div-->
...@@ -101,7 +107,8 @@ ...@@ -101,7 +107,8 @@
</div> </div>
</div> </div>
</div> </div>
<div class="display_style"> <p class="shu"></p>
<div class="display_style prevent">
<label>优先级:</label> <label>优先级:</label>
<div v-for="(btn, index) in queryClassBtns" :key="index"> <div v-for="(btn, index) in queryClassBtns" :key="index">
<div <div
...@@ -117,6 +124,7 @@ ...@@ -117,6 +124,7 @@
</div> </div>
</div> </div>
</div> </div>
<p class="shu"></p>
<div class="display_style"> <div class="display_style">
<label>是否远程:</label> <label>是否远程:</label>
<div v-for="(btn, index) in remoteFlagBtns" :key="index"> <div v-for="(btn, index) in remoteFlagBtns" :key="index">
...@@ -140,7 +148,7 @@ ...@@ -140,7 +148,7 @@
</div> </div>
</div> </div>
<div class="width100 margin_top24_bottom24 display_style"> <div class="width100 margin_top24_bottom24 display_style">
<label>状态:</label> <label class="width70">状态:</label>
<!-- -1:无效;0:等待比对;1:正在比对;9:比对出错;10:比对完成(等待认定);11:正在认定;19:认定出错;20:认定完成(等待复核);21:正在复核;29:复核出错;30;复合完成;99:标记删除--> <!-- -1:无效;0:等待比对;1:正在比对;9:比对出错;10:比对完成(等待认定);11:正在认定;19:认定出错;20:认定完成(等待复核);21:正在复核;29:复核出错;30;复合完成;99:标记删除-->
<div class="btn" @click="allQueryType()">全部</div> <div class="btn" @click="allQueryType()">全部</div>
<div v-for="(btn, index) in queryStateBtns" :key="index"> <div v-for="(btn, index) in queryStateBtns" :key="index">
...@@ -157,7 +165,8 @@ ...@@ -157,7 +165,8 @@
</div> </div>
</div> </div>
<div class="rgrd" @click="$refs.recognitionDialog.open()"> <div class="rgrd" @click="$refs.recognitionDialog.open()">
<img src="@/assets/img/person1.png" alt="" /> <!-- <img src="@/assets/img/person1.png" alt="" /> -->
<i class="iconfont icon-rengongrending"></i>
<span>人工认定</span> <span>人工认定</span>
</div> </div>
</div> </div>
...@@ -169,8 +178,8 @@ ...@@ -169,8 +178,8 @@
<el-button type="info" @click="batch">批量操作</el-button> <el-button type="info" @click="batch">批量操作</el-button>
<div class="middle"> <div class="middle">
<div class="font" @click="clearAll()"> <div class="font" @click="clearAll()">
全部数据&nbsp;> <span>全部数据</span>
<!-- <span>共找到{{ reqParam.page.total }}</span>--> <i class="iconfont icon-xiala"></i>
</div> </div>
<el-tag <el-tag
style="margin-right: 10px" style="margin-right: 10px"
...@@ -273,6 +282,12 @@ ...@@ -273,6 +282,12 @@
width="auto" width="auto"
></el-table-column> ></el-table-column>
<el-table-column prop="" label="任务号/查询ID" :width="cxyrdWidth1"> <el-table-column prop="" label="任务号/查询ID" :width="cxyrdWidth1">
<template #header>
<div class="tableHeader">
<span>任务号 </span>
<span>/ 查询ID</span>
</div>
</template>
<template slot-scope="scope"> <template slot-scope="scope">
<svg-icon <svg-icon
style=" style="
...@@ -315,7 +330,9 @@ ...@@ -315,7 +330,9 @@
:prop="item.prop" :prop="item.prop"
:width="item.width" :width="item.width"
:sortable=" :sortable="
item.prop == 'affirmtime' || item.prop == 'requestdatetime' item.prop == 'affirmtime' ||
item.prop == 'requestdatetime' ||
item.prop == 'queryclass'
? true ? true
: false : false
" "
...@@ -618,6 +635,25 @@ export default { ...@@ -618,6 +635,25 @@ export default {
roleArr() { roleArr() {
return this.$store.state.layout.Menu; return this.$store.state.layout.Menu;
}, },
newStr() {
let obj = this.reqParam.contrastCustomSearchReq;
let str = "";
for (let key in obj) {
if (
key == "barcode" ||
key == "qqid" ||
key == "qid" ||
key == "username"
) {
if (!obj[key]) continue;
str += obj[key].trim();
}
}
if (this.startEndDate && this.startEndDate.length > 0) {
str += "1";
}
return str == "" ? false : true;
},
// 计算总页数 // 计算总页数
Tpage() { Tpage() {
return ( return (
...@@ -1111,7 +1147,7 @@ export default { ...@@ -1111,7 +1147,7 @@ export default {
this.search("yes"); this.search("yes");
}, },
// 清空筛选条件 // 清空筛选条件
clearParams() { clearParams(type) {
// this.remoteFlag = null; // this.remoteFlag = null;
this.startEndDate = null; this.startEndDate = null;
this.reqParam.page.currPage = 1; this.reqParam.page.currPage = 1;
...@@ -1123,10 +1159,12 @@ export default { ...@@ -1123,10 +1159,12 @@ export default {
this.reqParam.contrastCustomSearchReq.sendTimeStart = null; this.reqParam.contrastCustomSearchReq.sendTimeStart = null;
this.reqParam.contrastCustomSearchReq.sendTimeEnd = null; this.reqParam.contrastCustomSearchReq.sendTimeEnd = null;
this.reqParam.contrastCustomSearchReq.username = null; this.reqParam.contrastCustomSearchReq.username = null;
if (!type) {
this.reqParam.contrastCustomSearchReq.querytypes = []; this.reqParam.contrastCustomSearchReq.querytypes = [];
this.reqParam.contrastCustomSearchReq.querystates = []; this.reqParam.contrastCustomSearchReq.querystates = [];
this.reqParam.contrastCustomSearchReq.remoteflags = []; this.reqParam.contrastCustomSearchReq.remoteflags = [];
this.reqParam.contrastCustomSearchReq.queryclasss = []; this.reqParam.contrastCustomSearchReq.queryclasss = [];
}
this.search(); this.search();
}, },
// // 初始化方法 // // 初始化方法
...@@ -1255,6 +1293,10 @@ const setQueryClass = [ ...@@ -1255,6 +1293,10 @@ const setQueryClass = [
} }
</style> </style>
<style scoped lang="scss"> <style scoped lang="scss">
.width70 {
width: 70px !important;
display: inline-block;
}
// 滚动条的宽度 // 滚动条的宽度
/deep/ .el-table__body-wrapper::-webkit-scrollbar { /deep/ .el-table__body-wrapper::-webkit-scrollbar {
width: 6px; // 横向滚动条 width: 6px; // 横向滚动条
...@@ -1316,15 +1358,19 @@ div { ...@@ -1316,15 +1358,19 @@ div {
/*border: none;*/ /*border: none;*/
} }
.rgrd { .rgrd {
display: flex !important;
align-items: center;
justify-content: center;
float: right; float: right;
color: #055fe7; color: #055fe7;
cursor: pointer; cursor: pointer;
img { > i {
cursor: pointer;
margin-right: 5px; margin-right: 5px;
cursor: pointer;
} }
> span { > span {
cursor: pointer; cursor: pointer;
line-height: 24px !important;
color: #055fe7 !important; color: #055fe7 !important;
} }
} }
...@@ -1357,6 +1403,24 @@ b { ...@@ -1357,6 +1403,24 @@ b {
line-height: 24px; line-height: 24px;
} }
.font { .font {
> span {
cursor: pointer;
font-size: 14px !important;
color: #666666 !important;
}
cursor: pointer;
> i {
cursor: pointer;
color: #b1b6c2;
margin: 0 !important;
transform: rotate(-90deg);
display: inline-block;
margin-left: 5px !important;
&::before {
width: 10px;
display: inline-block;
}
}
width: 80px; width: 80px;
height: 16px; height: 16px;
font-size: 14px; font-size: 14px;
...@@ -1385,10 +1449,13 @@ b { ...@@ -1385,10 +1449,13 @@ b {
right: 10px; right: 10px;
} }
/deep/.el-tag .el-icon-close::before { /deep/.el-tag .el-icon-close::before {
margin-right: 8px;
display: block; display: block;
color: #fff;
}
/deep/.el-tag .el-icon-close {
background-color: #b1b6c2;
right: 1px !important;
} }
.el-icon-arrow-down { .el-icon-arrow-down {
color: #999999; color: #999999;
border: #999999 1px solid; border: #999999 1px solid;
...@@ -1399,7 +1466,6 @@ b { ...@@ -1399,7 +1466,6 @@ b {
width: 96px; width: 96px;
height: 32px; height: 32px;
border-radius: 4px; border-radius: 4px;
border: 1px solid #aeb5c2;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
...@@ -1412,8 +1478,10 @@ b { ...@@ -1412,8 +1478,10 @@ b {
line-height: 16px; line-height: 16px;
} }
.el-tag { .el-tag {
width: 82px; color: #055fe7 !important;
height: 32px; height: 32px;
box-sizing: content-box !important;
padding: 0 8px !important;
background: #ddebff; background: #ddebff;
border-radius: 4px; border-radius: 4px;
} }
...@@ -1441,7 +1509,19 @@ b { ...@@ -1441,7 +1509,19 @@ b {
} }
} }
} }
/deep/ .el-range-separator {
line-height: 24px !important;
}
.prevent {
margin-right: 10px !important;
}
.shu {
display: inline-block;
width: 1px;
height: 12px;
margin-right: 20px !important;
background: #e6e6e8;
}
.display_style { .display_style {
display: inline-block; display: inline-block;
margin: 5px 24px 5px 0; margin: 5px 24px 5px 0;
...@@ -1508,7 +1588,7 @@ b { ...@@ -1508,7 +1588,7 @@ b {
border: none; border: none;
height: 22px; height: 22px;
padding: 0; padding: 0;
margin: 0 12px 0 12px; margin: 0 15px 0 15px;
font-size: 14px; font-size: 14px;
font-weight: 350; font-weight: 350;
color: #333333; color: #333333;
...@@ -1627,8 +1707,15 @@ b { ...@@ -1627,8 +1707,15 @@ b {
} }
.confirm_main_button { .confirm_main_button {
position: absolute; position: absolute;
right: 48px; right: 0px;
}
.el-table /deep/ {
td.el-table__cell,
th.el-table__cell.is-leaf {
border-bottom: none;
}
} }
.confirm_header_search { .confirm_header_search {
width: 100%; width: 100%;
} }
...@@ -1648,6 +1735,14 @@ b { ...@@ -1648,6 +1735,14 @@ b {
</style> </style>
<!--table树--> <!--table树-->
<style scoped lang="scss"> <style scoped lang="scss">
.tableHeader{
> span {
&:last-of-type {
color: #999;
font-size: 12px;
}
}
}
.el-table { .el-table {
/deep/ .el-checkbox { /deep/ .el-checkbox {
.is-indeterminate { .is-indeterminate {
......
...@@ -365,6 +365,7 @@ $phone: var(--phone, #606266); //#ff4242; ...@@ -365,6 +365,7 @@ $phone: var(--phone, #606266); //#ff4242;
transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);
} }
img { img {
border-radius: 8px;
width: 100% !important; width: 100% !important;
} }
span { span {
...@@ -400,6 +401,9 @@ $phone: var(--phone, #606266); //#ff4242; ...@@ -400,6 +401,9 @@ $phone: var(--phone, #606266); //#ff4242;
} }
} }
} }
.hands {
color: #055fe7 !important;
}
.del { .del {
text-decoration: none; /*没有文本装饰*/ text-decoration: none; /*没有文本装饰*/
text-decoration: underline red; /*红色下划线*/ text-decoration: underline red; /*红色下划线*/
......
...@@ -1983,7 +1983,7 @@ div { ...@@ -1983,7 +1983,7 @@ div {
.data { .data {
width: 100%; width: 100%;
height: 200px; height: 200px;
padding: 0 25px 0 25px; padding: 0 70px 0 70px;
display: flex; display: flex;
z-index: 333; z-index: 333;
flex-direction: row; flex-direction: row;
...@@ -2162,10 +2162,10 @@ div { ...@@ -2162,10 +2162,10 @@ div {
height: 700px; height: 700px;
.source-label { .source-label {
width: 40px; width: 40px;
height: 320px; height: 280px;
background: #f6f8fa; background: #f6f8fa;
border-radius: 8px 0px 0px 8px; border-radius: 8px 0px 0px 8px;
margin-top: 40px; margin-top: 50px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
...@@ -2177,7 +2177,7 @@ div { ...@@ -2177,7 +2177,7 @@ div {
} }
.dest-label { .dest-label {
width: 40px; width: 40px;
height: 320px; height: 280px;
background: #f6f8fa; background: #f6f8fa;
border-radius: 8px 0px 0px 8px; border-radius: 8px 0px 0px 8px;
margin-top: 45px; margin-top: 45px;
...@@ -2217,6 +2217,7 @@ div { ...@@ -2217,6 +2217,7 @@ div {
border: 1px solid #cccccc; border: 1px solid #cccccc;
cursor: pointer; cursor: pointer;
.img { .img {
border-radius: 8px;
object-fit: contain; object-fit: contain;
margin-top: 35%; margin-top: 35%;
} }
......
...@@ -14,7 +14,11 @@ ...@@ -14,7 +14,11 @@
id="dialogaa" id="dialogaa"
> >
<!-- 人员 --> <!-- 人员 -->
<div class="middle" v-if="this.type == 'ry'" style="padding-top: 0"> <div
class="middle"
v-if="ruleForm.cxlx.querytype == '1' || ruleForm.cxlx.querytype == '0'"
style="padding-top: 0"
>
<!-- <div class="barCodeNum"> <!-- <div class="barCodeNum">
<div class="point"></div> <div class="point"></div>
源条码号 源条码号
...@@ -105,6 +109,7 @@ ...@@ -105,6 +109,7 @@
> >
<el-form-item label="目标逻辑库:" class="mbljk"> <el-form-item label="目标逻辑库:" class="mbljk">
<el-checkbox-group <el-checkbox-group
v-show="ruleForm.cxlx.querytype == '0'"
v-model="checkedTargets" v-model="checkedTargets"
@change="handleCheckedTargetsChange_ry" @change="handleCheckedTargetsChange_ry"
> >
...@@ -115,6 +120,18 @@ ...@@ -115,6 +120,18 @@
>{{ value.name }}</el-checkbox >{{ value.name }}</el-checkbox
> >
</el-checkbox-group> </el-checkbox-group>
<el-checkbox-group
v-show="ruleForm.cxlx.querytype == '1'"
v-model="checkedTargets"
@change="handleCheckedTargetsChange_aj"
>
<el-checkbox
v-for="value in targets_aj"
:key="value.id"
:label="value.code"
>{{ value.name }}</el-checkbox
>
</el-checkbox-group>
</el-form-item> </el-form-item>
<div class="tmd"> <div class="tmd">
<div class="tmdLeft"> <div class="tmdLeft">
...@@ -155,7 +172,12 @@ ...@@ -155,7 +172,12 @@
</el-collapse> </el-collapse>
</div> </div>
<!-- 案件 --> <!-- 案件 -->
<div class="middle" v-else> <div
class="middle"
v-else-if="
ruleForm.cxlx.querytype == '2' || ruleForm.cxlx.querytype == '3'
"
>
<div class="barCodeNum"> <div class="barCodeNum">
<div v-if="rowData.length !== undefined && rowData.length > 1"> <div v-if="rowData.length !== undefined && rowData.length > 1">
<div class="point"></div> <div class="point"></div>
...@@ -265,6 +287,7 @@ ...@@ -265,6 +287,7 @@
> >
<el-form-item label="目标逻辑库:" class="mbljk"> <el-form-item label="目标逻辑库:" class="mbljk">
<el-checkbox-group <el-checkbox-group
v-show="ruleForm.cxlx.querytype == '3'"
v-model="checkedTargets" v-model="checkedTargets"
@change="handleCheckedTargetsChange_aj" @change="handleCheckedTargetsChange_aj"
> >
...@@ -275,6 +298,18 @@ ...@@ -275,6 +298,18 @@
>{{ value.name }}</el-checkbox >{{ value.name }}</el-checkbox
> >
</el-checkbox-group> </el-checkbox-group>
<el-checkbox-group
v-show="ruleForm.cxlx.querytype == '2'"
v-model="checkedTargets"
@change="handleCheckedTargetsChange_ry"
>
<el-checkbox
v-for="value in targets_ry"
:key="value.id"
:label="value.code"
>{{ value.name }}</el-checkbox
>
</el-checkbox-group>
</el-form-item> </el-form-item>
<div class="tmd"> <div class="tmd">
<div class="tmdLeft"> <div class="tmdLeft">
......
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
:visible.sync="dialogVisible" :visible.sync="dialogVisible"
width="26.125rem" width="26.125rem"
append-to-body append-to-body
custom-class="rgrd"
:close-on-click-modal="false" :close-on-click-modal="false"
:modal="false" :modal="false"
@open="openDialog" @open="openDialog"
...@@ -202,6 +203,7 @@ export default { ...@@ -202,6 +203,7 @@ export default {
} }
/deep/.el-dialog__footer { /deep/.el-dialog__footer {
text-align: center; text-align: center;
padding-bottom: 30px !important;
} }
/deep/.el-form-item__label { /deep/.el-form-item__label {
padding: 0; padding: 0;
...@@ -228,6 +230,10 @@ export default { ...@@ -228,6 +230,10 @@ export default {
} }
/deep/ .el-radio { /deep/ .el-radio {
margin-right: 20px; margin-right: 20px;
.el-radio__inner::after {
width: 0.45rem;
height: 0.45rem;
}
} }
.el-select-dropdown__item.selected { .el-select-dropdown__item.selected {
/* color: #409EFF; */ /* color: #409EFF; */
...@@ -235,6 +241,10 @@ export default { ...@@ -235,6 +241,10 @@ export default {
color: #333; color: #333;
font-weight: normal; font-weight: normal;
} }
/deep/ .rgrd {
box-shadow: 0px 14px 30px 0px rgba(0, 21, 51, 0.25) !important;
background: #ffffff;
}
.confirmBtn { .confirmBtn {
width: 102px !important; width: 102px !important;
} }
......
...@@ -477,6 +477,7 @@ div { ...@@ -477,6 +477,7 @@ div {
transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);
} }
img { img {
border-radius: 8px;
width: 100% !important; width: 100% !important;
} }
span { span {
......
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-10-23 17:43:14 * @Date: 2021-10-23 17:43:14
* @LastEditTime: 2021-12-25 10:44:11 * @LastEditTime: 2021-12-27 17:03:49
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: \指纹系统\founder_vue\src\views\cxyrd\modules\TTPlam.vue * @FilePath: \指纹系统\founder_vue\src\views\cxyrd\modules\TTPlam.vue
...@@ -427,11 +427,15 @@ export default { ...@@ -427,11 +427,15 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.imgBox { .imgBox {
border-radius: 8px;
box-shadow: 0px 14px 30px 2px rgba(0, 21, 51, 0.16); box-shadow: 0px 14px 30px 2px rgba(0, 21, 51, 0.16);
border: 1px solid #cccccc; border: 1px solid #cccccc;
background: #ffffff; background: #ffffff;
height: 675px; height: 675px;
width: 675px; width: 675px;
> img {
border-radius: 8px;
}
} }
} }
.tt_plam { .tt_plam {
......
...@@ -1920,7 +1920,7 @@ div { ...@@ -1920,7 +1920,7 @@ div {
.data { .data {
width: 100%; width: 100%;
height: 200px; height: 200px;
padding: 0 25px 0 25px; padding: 0 70px 0 70px;
display: flex; display: flex;
z-index: 333; z-index: 333;
flex-direction: row; flex-direction: row;
...@@ -2099,10 +2099,10 @@ div { ...@@ -2099,10 +2099,10 @@ div {
height: 700px; height: 700px;
.source-label { .source-label {
width: 40px; width: 40px;
height: 320px; height: 280px;
background: #f6f8fa; background: #f6f8fa;
border-radius: 8px 0px 0px 8px; border-radius: 8px 0px 0px 8px;
margin-top: 40px; margin-top: 50px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
...@@ -2114,7 +2114,7 @@ div { ...@@ -2114,7 +2114,7 @@ div {
} }
.dest-label { .dest-label {
width: 40px; width: 40px;
height: 320px; height: 280px;
background: #f6f8fa; background: #f6f8fa;
border-radius: 8px 0px 0px 8px; border-radius: 8px 0px 0px 8px;
margin-top: 45px; margin-top: 45px;
......
/* /*
* @Author: your name * @Author: your name
* @Date: 2021-09-07 09:57:48 * @Date: 2021-09-07 09:57:48
* @LastEditTime: 2021-12-25 10:28:17 * @LastEditTime: 2021-12-27 09:35:24
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: \指纹系统\founder_vue\vue.config.js * @FilePath: \指纹系统\founder_vue\vue.config.js
...@@ -98,8 +98,8 @@ module.exports = { ...@@ -98,8 +98,8 @@ module.exports = {
// target: "http://127.0.0.1:8099", // target: "http://127.0.0.1:8099",
// target: "http://47.92.225.109:5602", // target: "http://47.92.225.109:5602",
// target: "http://www.meetfood.cn:2390", // 湖南-线上 // target: "http://www.meetfood.cn:2390", // 湖南-线上
// target:"http://zwpt.xzclub.top:9333/", target:"http://zwpt.xzclub.top:9333/",
target: "http://192.168.128.103:8099", // 江 // target: "http://192.168.128.103:8099", // 江
ws: true, ws: true,
changeOrigin: true, changeOrigin: true,
pathRewrite: { pathRewrite: {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment