修改
This commit is contained in:
@ -1 +1 @@
|
||||
<!DOCTYPE html><html><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel=icon href=favicon.ico><title>后台管理</title><script src=./reconnecting-websocket.js></script><link href=static/css/app.46ef1c6b.css rel=preload as=style><link href=static/css/chunk-elementUI.68c70ad5.css rel=preload as=style><link href=static/css/chunk-libs.3dfb7769.css rel=preload as=style><link href=static/js/app.7782b1e9.js rel=preload as=script><link href=static/js/chunk-elementUI.a9f82b5b.js rel=preload as=script><link href=static/js/chunk-libs.8de98ba2.js rel=preload as=script><link href=static/css/chunk-elementUI.68c70ad5.css rel=stylesheet><link href=static/css/chunk-libs.3dfb7769.css rel=stylesheet><link href=static/css/app.46ef1c6b.css rel=stylesheet></head><body><noscript><strong>We're sorry but doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script>(function(e){function t(t){for(var r,o,a=t[0],i=t[1],d=t[2],l=0,f=[];l<a.length;l++)o=a[l],Object.prototype.hasOwnProperty.call(c,o)&&c[o]&&f.push(c[o][0]),c[o]=0;for(r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r]);s&&s(t);while(f.length)f.shift()();return u.push.apply(u,d||[]),n()}function n(){for(var e,t=0;t<u.length;t++){for(var n=u[t],r=!0,o=1;o<n.length;o++){var a=n[o];0!==c[a]&&(r=!1)}r&&(u.splice(t--,1),e=i(i.s=n[0]))}return e}var r={},o={runtime:0},c={runtime:0},u=[];function a(e){return i.p+"static/js/"+({}[e]||e)+"."+{"chunk-0e163d56":"264fd37b","chunk-6337fcfc":"ce706d4d","chunk-213dd466":"f0e897b9","chunk-626cc720":"42d599ab","chunk-69ab8e14":"e2ed086d","chunk-94d3c3c4":"d08f8612"}[e]+".js"}function i(t){if(r[t])return r[t].exports;var n=r[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.e=function(e){var t=[],n={"chunk-0e163d56":1,"chunk-213dd466":1,"chunk-626cc720":1,"chunk-69ab8e14":1,"chunk-94d3c3c4":1};o[e]?t.push(o[e]):0!==o[e]&&n[e]&&t.push(o[e]=new Promise((function(t,n){for(var r="static/css/"+({}[e]||e)+"."+{"chunk-0e163d56":"f278854e","chunk-6337fcfc":"31d6cfe0","chunk-213dd466":"ee4aa5be","chunk-626cc720":"61ca7dbd","chunk-69ab8e14":"e18a06cd","chunk-94d3c3c4":"3c7f5ad9"}[e]+".css",c=i.p+r,u=document.getElementsByTagName("link"),a=0;a<u.length;a++){var d=u[a],l=d.getAttribute("data-href")||d.getAttribute("href");if("stylesheet"===d.rel&&(l===r||l===c))return t()}var f=document.getElementsByTagName("style");for(a=0;a<f.length;a++){d=f[a],l=d.getAttribute("data-href");if(l===r||l===c)return t()}var s=document.createElement("link");s.rel="stylesheet",s.type="text/css",s.onload=t,s.onerror=function(t){var r=t&&t.target&&t.target.src||c,u=new Error("Loading CSS chunk "+e+" failed.\n("+r+")");u.code="CSS_CHUNK_LOAD_FAILED",u.request=r,delete o[e],s.parentNode.removeChild(s),n(u)},s.href=c;var h=document.getElementsByTagName("head")[0];h.appendChild(s)})).then((function(){o[e]=0})));var r=c[e];if(0!==r)if(r)t.push(r[2]);else{var u=new Promise((function(t,n){r=c[e]=[t,n]}));t.push(r[2]=u);var d,l=document.createElement("script");l.charset="utf-8",l.timeout=120,i.nc&&l.setAttribute("nonce",i.nc),l.src=a(e);var f=new Error;d=function(t){l.onerror=l.onload=null,clearTimeout(s);var n=c[e];if(0!==n){if(n){var r=t&&("load"===t.type?"missing":t.type),o=t&&t.target&&t.target.src;f.message="Loading chunk "+e+" failed.\n("+r+": "+o+")",f.name="ChunkLoadError",f.type=r,f.request=o,n[1](f)}c[e]=void 0}};var s=setTimeout((function(){d({type:"timeout",target:l})}),12e4);l.onerror=l.onload=d,document.head.appendChild(l)}return Promise.all(t)},i.m=e,i.c=r,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},i.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)i.d(n,r,function(t){return e[t]}.bind(null,r));return n},i.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i.oe=function(e){throw console.error(e),e};var d=window["webpackJsonp"]=window["webpackJsonp"]||[],l=d.push.bind(d);d.push=t,d=d.slice();for(var f=0;f<d.length;f++)t(d[f]);var s=l;n()})([]);</script><script src=static/js/chunk-elementUI.a9f82b5b.js></script><script src=static/js/chunk-libs.8de98ba2.js></script><script src=static/js/app.7782b1e9.js></script></body><script src=./echarts.min.js></script></html>
|
||||
<!DOCTYPE html><html><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel=icon href=favicon.ico><title>后台管理</title><script src=./reconnecting-websocket.js></script><link href=static/css/app.425905c8.css rel=preload as=style><link href=static/css/chunk-elementUI.68c70ad5.css rel=preload as=style><link href=static/css/chunk-libs.3dfb7769.css rel=preload as=style><link href=static/js/app.a42dddd9.js rel=preload as=script><link href=static/js/chunk-elementUI.a9f82b5b.js rel=preload as=script><link href=static/js/chunk-libs.8de98ba2.js rel=preload as=script><link href=static/css/chunk-elementUI.68c70ad5.css rel=stylesheet><link href=static/css/chunk-libs.3dfb7769.css rel=stylesheet><link href=static/css/app.425905c8.css rel=stylesheet></head><body><noscript><strong>We're sorry but doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script>(function(e){function t(t){for(var r,c,a=t[0],f=t[1],i=t[2],l=0,d=[];l<a.length;l++)c=a[l],Object.prototype.hasOwnProperty.call(o,c)&&o[c]&&d.push(o[c][0]),o[c]=0;for(r in f)Object.prototype.hasOwnProperty.call(f,r)&&(e[r]=f[r]);s&&s(t);while(d.length)d.shift()();return u.push.apply(u,i||[]),n()}function n(){for(var e,t=0;t<u.length;t++){for(var n=u[t],r=!0,c=1;c<n.length;c++){var a=n[c];0!==o[a]&&(r=!1)}r&&(u.splice(t--,1),e=f(f.s=n[0]))}return e}var r={},c={runtime:0},o={runtime:0},u=[];function a(e){return f.p+"static/js/"+({}[e]||e)+"."+{"chunk-4f9321d9":"807bff37","chunk-6337fcfc":"ce706d4d","chunk-0efffb9c":"d572da12","chunk-4b70cc7c":"232e9b3d","chunk-69ab8e14":"e2ed086d","chunk-94d3c3c4":"d08f8612"}[e]+".js"}function f(t){if(r[t])return r[t].exports;var n=r[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,f),n.l=!0,n.exports}f.e=function(e){var t=[],n={"chunk-4f9321d9":1,"chunk-0efffb9c":1,"chunk-4b70cc7c":1,"chunk-69ab8e14":1,"chunk-94d3c3c4":1};c[e]?t.push(c[e]):0!==c[e]&&n[e]&&t.push(c[e]=new Promise((function(t,n){for(var r="static/css/"+({}[e]||e)+"."+{"chunk-4f9321d9":"f84b7bf2","chunk-6337fcfc":"31d6cfe0","chunk-0efffb9c":"83e65de7","chunk-4b70cc7c":"55335688","chunk-69ab8e14":"e18a06cd","chunk-94d3c3c4":"3c7f5ad9"}[e]+".css",o=f.p+r,u=document.getElementsByTagName("link"),a=0;a<u.length;a++){var i=u[a],l=i.getAttribute("data-href")||i.getAttribute("href");if("stylesheet"===i.rel&&(l===r||l===o))return t()}var d=document.getElementsByTagName("style");for(a=0;a<d.length;a++){i=d[a],l=i.getAttribute("data-href");if(l===r||l===o)return t()}var s=document.createElement("link");s.rel="stylesheet",s.type="text/css",s.onload=t,s.onerror=function(t){var r=t&&t.target&&t.target.src||o,u=new Error("Loading CSS chunk "+e+" failed.\n("+r+")");u.code="CSS_CHUNK_LOAD_FAILED",u.request=r,delete c[e],s.parentNode.removeChild(s),n(u)},s.href=o;var h=document.getElementsByTagName("head")[0];h.appendChild(s)})).then((function(){c[e]=0})));var r=o[e];if(0!==r)if(r)t.push(r[2]);else{var u=new Promise((function(t,n){r=o[e]=[t,n]}));t.push(r[2]=u);var i,l=document.createElement("script");l.charset="utf-8",l.timeout=120,f.nc&&l.setAttribute("nonce",f.nc),l.src=a(e);var d=new Error;i=function(t){l.onerror=l.onload=null,clearTimeout(s);var n=o[e];if(0!==n){if(n){var r=t&&("load"===t.type?"missing":t.type),c=t&&t.target&&t.target.src;d.message="Loading chunk "+e+" failed.\n("+r+": "+c+")",d.name="ChunkLoadError",d.type=r,d.request=c,n[1](d)}o[e]=void 0}};var s=setTimeout((function(){i({type:"timeout",target:l})}),12e4);l.onerror=l.onload=i,document.head.appendChild(l)}return Promise.all(t)},f.m=e,f.c=r,f.d=function(e,t,n){f.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},f.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.t=function(e,t){if(1&t&&(e=f(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(f.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)f.d(n,r,function(t){return e[t]}.bind(null,r));return n},f.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return f.d(t,"a",t),t},f.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},f.p="",f.oe=function(e){throw console.error(e),e};var i=window["webpackJsonp"]=window["webpackJsonp"]||[],l=i.push.bind(i);i.push=t,i=i.slice();for(var d=0;d<i.length;d++)t(i[d]);var s=l;n()})([]);</script><script src=static/js/chunk-elementUI.a9f82b5b.js></script><script src=static/js/chunk-libs.8de98ba2.js></script><script src=static/js/app.a42dddd9.js></script></body><script src=./echarts.min.js></script></html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@
|
||||
.el-row[data-v-5b88bfa4]{margin-bottom:20px}.el-row[data-v-5b88bfa4]:last-child{margin-bottom:0}.el-col[data-v-5b88bfa4]{border-radius:4px}.grid-content[data-v-5b88bfa4]{background:#fff;border:1px solid #f3f4f6;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05),0 0 0 transparent,0 0 0 transparent;box-shadow:0 1px 2px rgba(0,0,0,.05),0 0 0 transparent,0 0 0 transparent;border-radius:8px}.userNum[data-v-5b88bfa4]{height:10vh;line-height:10vh;min-height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.userNum .img[data-v-5b88bfa4]{width:48px;height:48px;margin-left:15px;line-height:100%}.userNum .img .svg-icon[data-v-5b88bfa4]{width:100%;height:100%;vertical-align:baseline!important}.userNum .numCon[data-v-5b88bfa4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1}.userNum .numCon div[data-v-5b88bfa4]:first-child{width:100px;height:20px;line-height:20px;font-size:14px;font-weight:400;color:#6b7280;text-align:left;margin-top:2vh}.userNum .numCon div[data-v-5b88bfa4]:last-child{width:100px;height:32px;font-size:24px;font-weight:400;color:#1d2129;margin-top:5px}.search[data-v-5b88bfa4]{height:8vh;min-height:45px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.search .el-input[data-v-5b88bfa4]{width:15vw;margin-left:20px;min-width:170px}.search .el-select[data-v-5b88bfa4]{width:16vw;min-width:160px}.search .addUser[data-v-5b88bfa4]{position:absolute;right:160px}.search .delUser[data-v-5b88bfa4]{position:absolute;right:30px}.table[data-v-5b88bfa4]{height:65vh}.table .title[data-v-5b88bfa4]{width:100%;height:50px;padding:0 20px;line-height:50px;color:#1d2129;font-size:16px;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #f3f4f6}.table .title .totalNum[data-v-5b88bfa4]{color:#6b7280;font-size:14px;font-weight:400}.table .tabCon[data-v-5b88bfa4]{width:100%;padding:20px 20px 0 20px;height:100%}.table .tabCon .state[data-v-5b88bfa4]{width:40px;height:24px;display:inline-block;opacity:1;border-radius:12px;background:rgba(0,180,42,.1);color:#00b42a;font-size:12px;font-weight:400}.table .tabCon .puase[data-v-5b88bfa4]{background:rgba(245,63,63,.1);color:#f53f3f}.table .tabCon .el-table[data-v-5b88bfa4]{height:calc(100% - 100px)!important}.el-table thead tr[data-v-5b88bfa4],[data-v-5b88bfa4] .el-table thead th{background-color:#f9fafb!important}[data-v-5b88bfa4] .el-table--border td,[data-v-5b88bfa4] .el-table--border th,[data-v-5b88bfa4] .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{border-right:unset!important}.el-table--border[data-v-5b88bfa4],.el-table--group[data-v-5b88bfa4]{border:unset!important}.el-table[data-v-5b88bfa4]:before,[data-v-5b88bfa4] .el-table--border:after,[data-v-5b88bfa4] .el-table--group:after{background-color:unset!important}[data-v-5b88bfa4] .el-table .el-table__body-wrapper td,[data-v-5b88bfa4] .el-table .el-table__body-wrapper th.is-leaf{border-bottom:unset!important}.el-pagination[data-v-5b88bfa4]{position:absolute;right:30px;margin-top:10px}[data-v-5b88bfa4] .el-pager li{border:1px solid #d1d5db;border-radius:4px}[data-v-5b88bfa4] .el-pager li.active{background:#165dff!important;color:#fff!important;border:unset!important}[data-v-5b88bfa4] .el-dialog__title{padding:2px 10px;border-left:3px solid #165dff;font-size:16px;font-weight:400;color:#1d2129}[data-v-5b88bfa4] .avatar-uploader .el-upload{border:1px dashed #dcdfe6;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;width:100px;height:100px}[data-v-5b88bfa4] .avatar-uploader .el-upload:hover{border-color:#409eff}[data-v-5b88bfa4] .avatar-uploader-icon{font-size:28px;color:#8c939d;width:100px;height:100px;line-height:100px;text-align:center}[data-v-5b88bfa4] .avatar{width:100px;height:100px;display:block}[data-v-5b88bfa4] .el-dialog__body{padding:10px 20px 0 20px}[data-v-5b88bfa4] .el-upload__tip{height:25px;line-height:25px}.show-pwd[data-v-5b88bfa4]{position:absolute;right:10px;font-size:16px;color:#889aa4;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-v-5b88bfa4] .no-status-icon .el-input__icon:after,[data-v-5b88bfa4] .no-status-icon .el-input__icon:before{display:none!important}[data-v-5b88bfa4] .el-table__body-wrapper{max-height:calc(100% - 45px)!important;overflow-y:auto!important}[data-v-5b88bfa4] .userImg{width:32px;height:32px;border-radius:16px}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
1
src/renderer/public/backManage/static/js/app.a42dddd9.js
Normal file
1
src/renderer/public/backManage/static/js/app.a42dddd9.js
Normal file
File diff suppressed because one or more lines are too long
1
src/renderer/public/backManage/static/js/app.af31a9f8.js
Normal file
1
src/renderer/public/backManage/static/js/app.af31a9f8.js
Normal file
File diff suppressed because one or more lines are too long
1
src/renderer/public/backManage/static/js/app.dbb4a339.js
Normal file
1
src/renderer/public/backManage/static/js/app.dbb4a339.js
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -97,10 +97,12 @@
|
||||
:header-cell-style="{ 'text-align': 'center' }"
|
||||
border
|
||||
style="width: 100%"
|
||||
ref="tableRef"
|
||||
@header-dragend="handleHeaderDragend"
|
||||
>
|
||||
<el-table-column type="index" label="序号" width="60" align="center" />
|
||||
<el-table-column prop="militaryName" label="名称" />
|
||||
<el-table-column prop="militaryDataUrl" label="缩略图" width="100">
|
||||
<el-table-column prop="militaryName" label="名称" width="139" />
|
||||
<el-table-column prop="militaryDataUrl" label="缩略图" width="140">
|
||||
<template #default="{ row }">
|
||||
<!-- <el-image
|
||||
style="width: 80px; height: 60px"
|
||||
@ -109,7 +111,7 @@
|
||||
<el-image style="width: 80px; height: 60px" :src="service + row.militaryDataUrl" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作">
|
||||
<el-table-column label="操作" width="210">
|
||||
<template #default="{ row }">
|
||||
<el-button size="small">编辑军标</el-button>
|
||||
<el-button size="small" @click="handleDelete(row)">删除</el-button>
|
||||
@ -211,6 +213,23 @@ const treeRef = ref()
|
||||
// @ts-ignore
|
||||
var sortableInstance: any = reactive(null)
|
||||
|
||||
const tableRef = ref()
|
||||
|
||||
const handleHeaderDragend = (newWidth, oldWidth, column, event) => {
|
||||
const columns = tableRef.value?.$refs.tableHeaderRef.columnRows[0]
|
||||
let widthDiff = newWidth - oldWidth
|
||||
let otherColumn = columns.filter((item) => {
|
||||
return item.property != column.property || item.label != column.label
|
||||
})
|
||||
let sum = 0
|
||||
otherColumn.forEach((item) => {
|
||||
sum += item.width
|
||||
})
|
||||
otherColumn.forEach((item) => {
|
||||
item.width = item.width - (item.width / sum) * widthDiff
|
||||
})
|
||||
}
|
||||
|
||||
//搜索
|
||||
var photoName = ref('')
|
||||
|
||||
@ -1012,8 +1031,11 @@ onMounted(() => {
|
||||
.el-message-box {
|
||||
--el-messagebox-title-color: #fff !important;
|
||||
--el-messagebox-content-color: #fff !important;
|
||||
background:
|
||||
linear-gradient(180deg, rgba(var(--color-base1), 0) 0%, rgba(var(--color-base1), 0.2) 100%),
|
||||
background: linear-gradient(
|
||||
180deg,
|
||||
rgba(var(--color-base1), 0) 0%,
|
||||
rgba(var(--color-base1), 0.2) 100%
|
||||
),
|
||||
rgba(0, 0, 0, 0.6) !important;
|
||||
.el-message-box__btns {
|
||||
.el-button {
|
||||
|
||||
@ -93,14 +93,16 @@
|
||||
<el-col :span="18">
|
||||
<el-card shadow="hover">
|
||||
<el-table
|
||||
ref="tableRef"
|
||||
:data="modelList"
|
||||
:header-cell-style="{ 'text-align': 'center' }"
|
||||
border
|
||||
style="width: 100%"
|
||||
@header-dragend="handleHeaderDragend"
|
||||
>
|
||||
<el-table-column type="index" label="序号" width="60" align="center" />
|
||||
<el-table-column prop="modelName" label="模型名称" />
|
||||
<el-table-column prop="thumbnail" label="缩略图" min-width="100">
|
||||
<el-table-column prop="modelName" label="模型名称" width="139" />
|
||||
<el-table-column prop="thumbnail" label="缩略图" width="140">
|
||||
<template #default="{ row }">
|
||||
<el-image
|
||||
style="width: 80px; height: 60px"
|
||||
@ -109,7 +111,7 @@
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="205">
|
||||
<el-table-column label="操作" width="210">
|
||||
<template #default="{ row }">
|
||||
<!-- <el-button size="small" @click="handleEdit(row)">编辑</el-button> -->
|
||||
<el-button size="small" @click="showImage(row)">预览</el-button>
|
||||
@ -220,6 +222,24 @@ const contextMenu = reactive({
|
||||
})
|
||||
|
||||
const treeRef = ref()
|
||||
//表头拖拽
|
||||
const tableRef = ref(null)
|
||||
|
||||
const handleHeaderDragend = (newWidth, oldWidth, column, event) => {
|
||||
const columns = tableRef.value.$refs.tableHeaderRef.columnRows[0]
|
||||
let widthDiff = newWidth - oldWidth
|
||||
let otherColumn = columns.filter((item) => {
|
||||
return item.property != column.property || item.label != column.label
|
||||
})
|
||||
let sum = 0
|
||||
otherColumn.forEach((item) => {
|
||||
sum += item.width
|
||||
})
|
||||
otherColumn.forEach((item) => {
|
||||
item.width = item.width - (item.width / sum) * widthDiff
|
||||
})
|
||||
}
|
||||
|
||||
// @ts-ignore
|
||||
var sortableInstance: any = reactive(null)
|
||||
|
||||
|
||||
@ -105,10 +105,12 @@
|
||||
:header-cell-style="{ 'text-align': 'center' }"
|
||||
border
|
||||
style="width: 100%"
|
||||
ref="tableRef"
|
||||
@header-dragend="handleHeaderDragend"
|
||||
>
|
||||
<el-table-column type="index" label="序号" width="60" align="center" />
|
||||
<el-table-column prop="iconName" label="名称" />
|
||||
<el-table-column prop="iconDataUrl" label="缩略图" width="100">
|
||||
<el-table-column prop="iconName" label="名称" width="139" />
|
||||
<el-table-column prop="iconDataUrl" label="缩略图" width="140">
|
||||
<template #default="{ row, $index }" v-if="activeIndex === 2">
|
||||
<el-image
|
||||
ref="imageRef"
|
||||
@ -136,7 +138,7 @@
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作">
|
||||
<el-table-column label="操作" width="210">
|
||||
<template #default="{ row, $index }">
|
||||
<el-button size="small" @click="reviewPhoto($index)">预览</el-button>
|
||||
<el-button size="small" v-if="activeIndex === 2" @click="editPhotoName(row)"
|
||||
@ -254,6 +256,24 @@ const typeClick = (index) => {
|
||||
getModelList()
|
||||
}
|
||||
|
||||
//表头拖拽
|
||||
const tableRef = ref()
|
||||
|
||||
const handleHeaderDragend = (newWidth, oldWidth, column, event) => {
|
||||
const columns = tableRef.value.$refs.tableHeaderRef.columnRows[0]
|
||||
let widthDiff = newWidth - oldWidth
|
||||
let otherColumn = columns.filter((item) => {
|
||||
return item.property != column.property || item.label != column.label
|
||||
})
|
||||
let sum = 0
|
||||
otherColumn.forEach((item) => {
|
||||
sum += item.width
|
||||
})
|
||||
otherColumn.forEach((item) => {
|
||||
item.width = item.width - (item.width / sum) * widthDiff
|
||||
})
|
||||
}
|
||||
|
||||
var expandedKeys: any = ref([])
|
||||
// 获取当前所有展开节点的key
|
||||
const getExpandedKeys = () => {
|
||||
@ -1125,10 +1145,7 @@ onMounted(() => {
|
||||
width: 90px;
|
||||
height: 32px;
|
||||
opacity: 1;
|
||||
border-radius:
|
||||
0px 4px,
|
||||
4px,
|
||||
0px;
|
||||
border-radius: 0px 4px, 4px, 0px;
|
||||
background: rgba(var(--color-base1), 0.2);
|
||||
border: 1px solid rgba(var(--color-base1), 0.1);
|
||||
display: flex;
|
||||
|
||||
@ -683,7 +683,7 @@ const intoBack = async () => {
|
||||
devTools: true
|
||||
}
|
||||
},
|
||||
`http://localhost:${availablePort}/backManage/index.html`,
|
||||
`http://localhost:${availablePort}/backManage/index.html#/login`,
|
||||
{},
|
||||
id
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user