Browse Source

档案管理style修改

master
xuhuajiao 1 year ago
parent
commit
2613dde972
  1. 6
      src/assets/styles/archives-manage.scss
  2. 15
      src/views/archivesManage/managementLibrary/module/collectHeader.vue
  3. 42
      src/views/components/BindingTagDlg.vue

6
src/assets/styles/archives-manage.scss

@ -324,7 +324,7 @@
content: ""; content: "";
position: absolute; position: absolute;
left: 15px; left: 15px;
top: 32px;
top: -48px;
width: 2px; width: 2px;
height: 45px; height: 45px;
// background-color: #0348F3; // background-color: #0348F3;
@ -332,12 +332,12 @@
opacity: 0.3; opacity: 0.3;
z-index: 1; z-index: 1;
} }
&:last-child::before{
&:first-child::before{
display: none; display: none;
} }
&.step-active{ &.step-active{
&::before{ &::before{
opacity: 0.3;
opacity: 1;
} }
} }
&.step-loading{ &.step-loading{

15
src/views/archivesManage/managementLibrary/module/collectHeader.vue

@ -516,10 +516,21 @@ export default {
// //
bindingTag(data) { bindingTag(data) {
if (data[0].tid) { if (data[0].tid) {
this.$refs.bindingTag.isBinding = true
// this.$refs.bindingTag.isBinding = true
this.$refs.bindingTag.tidCode = data[0].tid this.$refs.bindingTag.tidCode = data[0].tid
}
this.$confirm('当前标签已被绑定,是否覆盖' + '<span>你是否还要继续?</span>', '提示', {
confirmButtonText: '继续',
cancelButtonText: '取消',
type: 'warning',
dangerouslyUseHTMLString: true
}).then(() => {
this.$refs.bindingTag.bindingVisible = true this.$refs.bindingTag.bindingVisible = true
this.$refs.bindingTag.opened()
}).catch(() => {
})
} else {
this.$refs.bindingTag.bindingVisible = true
}
}, },
// //
handleExport() { handleExport() {

42
src/views/components/BindingTagDlg.vue

@ -5,12 +5,12 @@
<span class="dialog-left-bottom" /> <span class="dialog-left-bottom" />
<div class="setting-dialog"> <div class="setting-dialog">
<div class="binding-wrap"> <div class="binding-wrap">
<div v-if="isBinding" class="rebinding">
<!-- <div v-if="isBinding" class="rebinding">
<span>TID</span> <span>TID</span>
<el-input v-model="tidCode" placeholder="请输入内容" /> <el-input v-model="tidCode" placeholder="请输入内容" />
</div>
<div v-else class="binding-flow">
<div class="step-item" :class="{ 'step-active': 1 <= step, 'step-loading': 2 === step }">
</div> -->
<div class="binding-flow">
<div class="step-item" :class="{ 'step-active': 1 <= step, 'step-loading': 1 === step }">
<!-- step-active 完成 step-loading 进行种 --> <!-- step-active 完成 step-loading 进行种 -->
<span class="step-left-num" :class="{ 'step-active': 1 <= step, 'step-loading': 1 === step }">1</span> <span class="step-left-num" :class="{ 'step-active': 1 <= step, 'step-loading': 1 === step }">1</span>
<div class="step-right-cont"> <div class="step-right-cont">
@ -20,7 +20,7 @@
<!-- err: 当前电脑未绑定读写器请到档案设备里进行绑定 --> <!-- err: 当前电脑未绑定读写器请到档案设备里进行绑定 -->
</div> </div>
</div> </div>
<div class="step-item" :class="{ 'step-active': 2 <= step, 'step-loading': 3 === step }">
<div class="step-item" :class="{ 'step-active': 2 <= step, 'step-loading': 2 === step }">
<span class="step-left-num" :class="{ 'step-active': 2 <= step, 'step-loading': 2 === step }">2</span> <span class="step-left-num" :class="{ 'step-active': 2 <= step, 'step-loading': 2 === step }">2</span>
<div class="step-right-cont"> <div class="step-right-cont">
<p class="step-title">第二步<span>放入标签</span></p> <p class="step-title">第二步<span>放入标签</span></p>
@ -30,7 +30,7 @@
<!-- err: 未读取到标签请重新放入 --> <!-- err: 未读取到标签请重新放入 -->
</div> </div>
</div> </div>
<div class="step-item" :class="{ 'step-active': 3 <= step, 'step-loading': 4 === step }">
<div class="step-item" :class="{ 'step-active': 3 <= step, 'step-loading': 3 === step }">
<span class="step-left-num" :class="{ 'step-active': 3 <= step, 'step-loading': 3 === step }">3</span> <span class="step-left-num" :class="{ 'step-active': 3 <= step, 'step-loading': 3 === step }">3</span>
<div class="step-right-cont"> <div class="step-right-cont">
<p class="step-title">第三步<span>读取标签</span></p> <p class="step-title">第三步<span>读取标签</span></p>
@ -40,7 +40,7 @@
<!-- err: 当前标签存在多个请取出多余的标签只保留一张 --> <!-- err: 当前标签存在多个请取出多余的标签只保留一张 -->
</div> </div>
</div> </div>
<div class="step-item" :class="{ 'step-active': 4 <= step, 'step-loading': 5 === step }">
<div class="step-item" :class="{ 'step-active': 4 <= step, 'step-loading': 4 === step }">
<span class="step-left-num" :class="{ 'step-active': 4 <= step, 'step-loading': 4 === step }">4</span> <span class="step-left-num" :class="{ 'step-active': 4 <= step, 'step-loading': 4 === step }">4</span>
<div class="step-right-cont"> <div class="step-right-cont">
<p class="step-title">第四步<span>开始绑定</span></p> <p class="step-title">第四步<span>开始绑定</span></p>
@ -63,9 +63,9 @@
</div> </div>
</div> </div>
</div> </div>
<div v-if="isBinding" slot="footer" class="dialog-footer">
<!-- <div v-if="isBinding" slot="footer" class="dialog-footer">
<el-button type="primary" @click="nextStep">下一步</el-button> <el-button type="primary" @click="nextStep">下一步</el-button>
</div>
</div> -->
</div> </div>
</div> </div>
</el-dialog> </el-dialog>
@ -114,13 +114,13 @@ export default {
bindingVisible: false, // bindingVisible: false, //
tidCode: '', tidCode: '',
coverBindingVisible: false, coverBindingVisible: false,
step: 3,
step: 1,
errorStep: 0, errorStep: 0,
step1Message: '连接中', step1Message: '连接中',
step2Message: '请放入标签',
step3Message: '放入标签后开始读取标签',
step4Message: '标签读取成功后,开始绑定档案',
step5Message: '当前标签与' + this.bindingTxt + '绑定成功',
step2Message: '请放入电子标签',
step3Message: '放入电子标签后,读写器开始读取',
step4Message: '电子标签读取成功后,开始绑定档案',
step5Message: '当前电子标签与' + this.bindingTxt + '绑定成功',
readData: {}, readData: {},
timeOut: null, timeOut: null,
timer: null, timer: null,
@ -143,10 +143,10 @@ export default {
this.step = 1 this.step = 1
this.errorStep = 0 this.errorStep = 0
this.step1Message = '连接中' this.step1Message = '连接中'
this.step2Message = '请放入标签'
this.step3Message = '放入标签后开始读取标签'
this.step4Message = '标签读取成功后,开始绑定档案'
this.step5Message = '当前标签与' + this.bindingTxt + '绑定成功'
this.step2Message = '请放入电子标签'
this.step3Message = '放入电子标签后,读写器开始读取'
this.step4Message = '电子标签读取成功后,开始绑定档案'
this.step5Message = '当前电子标签与' + this.bindingTxt + '绑定成功'
this.isBinding = false this.isBinding = false
this.coverLabel = false this.coverLabel = false
this.tidCode = '' this.tidCode = ''
@ -156,7 +156,7 @@ export default {
res = JSON.parse(res) res = JSON.parse(res)
if (res.code && res.code === '0') { if (res.code && res.code === '0') {
this.step = 2 this.step = 2
this.step1Message = '连接成功'
this.step1Message = '设备连接成功'
return true return true
} else { } else {
this.errorStep = 1 this.errorStep = 1
@ -290,14 +290,14 @@ export default {
}) })
}, },
async opened() { async opened() {
if (!this.isBinding) {
// if (!this.isBinding) {
const devInfo = await this.getDevId() const devInfo = await this.getDevId()
this.devId = devInfo.deviceId this.devId = devInfo.deviceId
this.devIp = devInfo.deviceIp + ':' + devInfo.devicePort this.devIp = devInfo.deviceIp + ':' + devInfo.devicePort
await this.tryConnect({ op: 'RFID_CheckStatus', sDevID: devInfo.deviceId, ip: this.devIp }) await this.tryConnect({ op: 'RFID_CheckStatus', sDevID: devInfo.deviceId, ip: this.devIp })
await this.readEpc({ op: 'RFID_ReadEpc', sDevID: devInfo.deviceId, ip: this.devIp }) await this.readEpc({ op: 'RFID_ReadEpc', sDevID: devInfo.deviceId, ip: this.devIp })
await this.startBind() await this.startBind()
}
// }
}, },
async nextStep() { async nextStep() {
this.isBinding = false this.isBinding = false

Loading…
Cancel
Save