修改任务清的布局

This commit is contained in:
qq787203167
2022-05-11 17:43:46 +08:00
parent 586a13f3a2
commit 4f7b70aea3
@@ -19,7 +19,7 @@
<j-dict-select-tag class="box-input" v-model="queryParam.dutyTerritory" <j-dict-select-tag class="box-input" v-model="queryParam.dutyTerritory"
:placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')" :placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')"
:type="'select'" :type="'select'"
:triggerChange="false" :dictCode="'region'"/> :triggerChange="false" :dictCode="'duty_territory'"/>
</div> </div>
</a-col> </a-col>
<span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons"> <span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons">
@@ -57,9 +57,10 @@
</div> </div>
</div> </div>
<div slot="areaOfResponsibility" slot-scope="text,result" class="box-left"> <div slot="areaOfResponsibility" slot-scope="text,result" class="box-left">
<div class="content"> <div class="content" v-if="result.dutyTerritory">
<span class="box-content-index">1212sdfdsf</span><br/> <span v-for="(item,index) in result.dutyTerritory.split(',')">
<span class="box-content-index">hahahaha</span> <span class="box-content-index">{{item}}</span><br/>
</span>
</div> </div>
</div> </div>
<div slot="confirmationOfDesignConformity" slot-scope="text,result" class="box-left"> <div slot="confirmationOfDesignConformity" slot-scope="text,result" class="box-left">
@@ -99,7 +100,7 @@
</div> </div>
</div> </div>
<div slot="CertificationProgress" slot-scope="text,result"> <div slot="CertificationProgress" slot-scope="text,result">
<span class="box-content-color box-content-cou" @click="CertificationProgressClick(result)"> <span class="box-content-Progress box-content-cou" @click="CertificationProgressClick(result)">
实验通过 实验通过
</span> </span>
</div> </div>
@@ -454,52 +455,62 @@
} }
.accordColor { .accordColor {
background: #96ecad; background: #dbf6e2;
color: #26BD4B; color: #26BD4B;
} }
.nonConformityColor { .nonConformityColor {
background: #eeaeae; background: #f3dddd;
color: #E83030; color: #E83030;
} }
.TrackedColor { .TrackedColor {
background: #f0d7b1; background: #f6ebdb;
color: #FDA71C; color: #FDA71C;
} }
.notInvolvedColor { .notInvolvedColor {
background: #e2edf8; background: #eef1f4;
color: #707486; color: #707486;
} }
.submittedColor { .submittedColor {
color: #00B3BE; color: #00B3BE;
background: #94e0e4; background: #ddf3f4;
} }
.Current-color { .Current-color {
display: inline-block; display: inline-block;
width: 26px; width: 28px;
height: 26px; height: 28px;
line-height: 32px; line-height: 32px;
text-align: center; text-align: center;
background: #fff; background: #dcf7e3;
border-radius: 50%; border-radius: 50%;
border: 1px red solid;
} }
.Current-color-box { .Current-color-box {
display: inline-block; display: inline-block;
width: 18px; width: 14px;
height: 18px; height: 14px;
background: red; background: #26BD4B;
border-radius: 50%; border-radius: 50%;
} }
.box-content-cou { .box-content-cou {
cursor: pointer; cursor: pointer;
} }
.box-content-Progress {
width: 88px;
height: 32px;
display: inline-block;
text-align: center;
line-height: 32px;
border-radius: 4px;
background: #dbf6e2;
color: #26BD4B;
}
</style> </style>
<style> <style>
.box-input .ant-select-selection { .box-input .ant-select-selection {