新增批量修改，全选，反选

.env.development

@@ -1,4 +1,4 @@
-VITE_API_BASE_URL1="https://coldverify.coldbaozhida.com/api"
+# VITE_API_BASE_URL1="https://coldverify.coldbaozhida.com/api"
 # VITE_API_BASE_URL2="http://coldverifylocal.coldbaozhida.com"
 VITE_API_BASE_URL2="https://coldverify.coldbaozhida.com/local"
 VITE_API_BASE_URL3="https://cold.coldbaozhida.com/api"
@@ -10,7 +10,7 @@ VITE_API_BASE_URL5="https://coldverify.coldbaozhida.com/local/api"  #外网
 
 
 # 测试
-# VITE_API_BASE_URL1="https://coldverify.coldbaozhida.com/testapi"
+VITE_API_BASE_URL1="https://coldverify.coldbaozhida.com/testapi"
 # VITE_API_BASE_URL4="http://192.168.11.23:6401"  #本地
 
 

.env.production

@@ -2,8 +2,9 @@
 # VITE_API_BASE_URL2="http://coldverifylocal.coldbaozhida.com"
 # VITE_API_BASE_URL3="https://cold.coldbaozhida.com/api"
 # VITE_API_BASE_URL4="http://192.168.11.23:6400"
-
-VITE_API_BASE_URL1="https://coldverify.coldbaozhida.com/api"
+# 测试
+VITE_API_BASE_URL1="https://coldverify.coldbaozhida.com/testapi"
+# VITE_API_BASE_URL1="https://coldverify.coldbaozhida.com/api"
 VITE_API_BASE_URL2="https://coldverify.coldbaozhida.com/local"
 VITE_API_BASE_URL3="https://cold.coldbaozhida.com/api"
 

src/views/equipment/index.vue

@@ -11,12 +11,18 @@
            数量 ：{{total}}
         </div>
       </div>
-      <n-button type="primary" @click="showAddModal">批量导入</n-button>
+      <div style="display: flex;grid-gap: 20px;">
+        <n-button type="primary" @click="batchEditing">批量修改</n-button>
+        <n-button type="primary" @click="showAddModal">批量导入</n-button>
+      </div>
     </n-space>
-    <n-data-table remote :columns="columns" :data="data" :bordered="false" flex-height class="flex-1" />
+    <n-data-table remote :columns="createColumn()"
+    v-model:checked-row-keys="checkedRowKeysListRef"
+    :row-key="rowKeyTable"
+    :data="data" :bordered="false" flex-height class="flex-1" />
   </div>
   <n-modal :show-icon="false" v-model:show="modal.showModal" preset="dialog" style="width: 800px;" :title="modal.title">
-    <n-button type="primary" @click="showAddModalobj" style="margin-bottom: 10px" v-if="modal.title!='修改编号'">选择添加</n-button>
+    <n-button type="primary" @click="showAddModalobj" style="margin-bottom: 10px" v-if="modal.title!='修改编号'&&modal.title != '批量修改'">选择添加</n-button>
     <n-form :model="formValue" label-width="auto" show-require-mark>
       <template v-if="modal.title === '批量导入'">
         <!-- <n-form-item label="布局编号" path="T_snid">
@@ -24,7 +30,6 @@
             minRows: 3,
             maxRows: 5,
           }" placeholder="【方式一：001,002,003】【方式二：001~002,005】" />
-         
         </n-form-item> -->
         <n-form-item label="布局编号" path="T_snid">
           <n-table :bordered="false" :single-line="false">
@@ -45,7 +50,7 @@
         
       </template>
 
-      <template v-else>
+      <template v-else-if="modal.title != '批量修改'">
         <n-form-item label="编号" path="T_id">
           <n-input v-model:value="formValue.T_id" />
         </n-form-item>
@@ -174,8 +179,6 @@ const createColumns = () => [
 
 
 
-
-
 const rowKey = (row) => row.T_sn
 const handleCheck = (rowKeys) => {//点击选项框勾选存值
   checkedRowKeysRef.value = rowKeys;
@@ -268,15 +271,40 @@ const queryData = reactive({
 });
 const otherVal = ref('')
 watch(otherVal, (newval) => {
-  console.log('将变化', newval)
   formValue.T_remark = newval
 })
-// 需要展示的列
-const columns = [
+
+let checkedRowKeysListRef = ref([])//列表勾选的选项
+const rowKeyTable = (row) => row.Id + '|' +  row.T_id
+//批量编辑
+const batchEditing = async ()=>{
+  if (checkedRowKeysListRef.value.length==0) {
+    message.error('批量修改至少选择一项');
+    return
+  }
+  modal.title = '批量修改';
+  modal.showModal = true;
+  formValue.T_remark = '';
+}
+const createColumn = () => [
   {
-    title: '编号',
+    type: "selection",
+    options: [
+        {
+            label: '反选',
+            key: 'f2',
+            onSelect: (pageData) => {
+              let arrMap = [...checkedRowKeysListRef.value]
+              let result = pageData.filter(itemA => !arrMap.find(itemB => (itemA.Id + '|' +  itemA.T_id) === itemB));
+              const valuesArray = result.map(item => item.Id + '|' +  item.T_id);  
+              checkedRowKeysListRef.value = valuesArray
+            }
+          }
+      ],
+  },
+  {
+    title: '编号1',
     key: 'T_id',
-    // defaultSortOrder: 'descend',
   },
   {
     title: 'SN',
@@ -387,6 +415,20 @@ const submitCallback = async() => {
       
     }
     
+  }else if(modal.title == '批量修改'){
+    let array = [...checkedRowKeysListRef.value]
+    for (let i = 0; i < array.length; i++) {
+      const { data: res } = await editDeviceClassList({
+        Id: array[i].split('|')[0],
+        T_id:array[i].split('|')[1],
+        T_remark: formValue.T_remark,
+      });
+      if (i === array.length-1) {
+        message.success('批量编辑完成');
+        modal.showModal = false 
+        getDataList();
+      }
+    }
   } else {
     editDeviceClass();
   }
@@ -474,7 +516,6 @@ const getDataList = async () => {
     const { data: res } = await getDeviceClassListList(queryData);
     data.value = res.Data.List || [];
     total.value = res.Data.Num
-    console.log('数量列表2',data.value)
   } catch (e) {
     console.log(e);
   }

冷链2.0线下/assets/Add-1ad42559.js → 冷链2.0线下/assets/Add-ad9b1226.js

@@ -1 +1 @@
-import{d as e,h as o}from"./index-53f7e955.js";const r=e({name:"Add",render(){return o("svg",{width:"512",height:"512",viewBox:"0 0 512 512",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{d:"M256 112V400M400 256H112",stroke:"currentColor","stroke-width":"32","stroke-linecap":"round","stroke-linejoin":"round"}))}});export{r as A};
+import{d as e,h as o}from"./index-dfc3affd.js";const r=e({name:"Add",render(){return o("svg",{width:"512",height:"512",viewBox:"0 0 512 512",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{d:"M256 112V400M400 256H112",stroke:"currentColor","stroke-width":"32","stroke-linecap":"round","stroke-linejoin":"round"}))}});export{r as A};

冷链2.0线下/assets/DeviceClassList-666270e4.js

@@ -1 +0,0 @@
-import{ak as s,ay as t}from"./index-53f7e955.js";const i=e=>s.request({method:"POST",url:"/DeviceClassList/List",data:e,baseURL:t}),r=e=>s.request({method:"POST",url:"/DeviceClassList/Add",data:e,baseURL:t}),L=e=>s.request({method:"POST",url:"/DeviceClassList/Up",data:e,baseURL:t}),l=e=>s.request({method:"POST",url:"/DeviceClassList/Del",data:e,baseURL:t});export{r as a,l as d,L as e,i as g};

冷链2.0线下/assets/DeviceClassList-db0ef62f.js

@@ -0,0 +1 @@
+import{al as s,ay as t}from"./index-dfc3affd.js";const i=e=>s.request({method:"POST",url:"/DeviceClassList/List",data:e,baseURL:t}),r=e=>s.request({method:"POST",url:"/DeviceClassList/Add",data:e,baseURL:t}),l=e=>s.request({method:"POST",url:"/DeviceClassList/Up",data:e,baseURL:t}),L=e=>s.request({method:"POST",url:"/DeviceClassList/Del",data:e,baseURL:t});export{r as a,L as d,l as e,i as g};

冷链2.0线下/assets/PageHeader-2fbdcfcb.js → 冷链2.0线下/assets/PageHeader-2710c260.js

@@ -1,4 +1,4 @@
-import{d as C,h as e,R as l,Q as z,S as i,T as y,X as S,ab as $,z as R,Z as H,ag as B,eb as P}from"./index-53f7e955.js";const T=C({name:"ArrowBack",render(){return e("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},e("path",{d:"M0 0h24v24H0V0z",fill:"none"}),e("path",{d:"M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z"}))}}),E=l([z("page-header-header",`
+import{d as C,h as e,S as l,R as z,T as i,U as y,Y as S,ac as $,z as R,$ as H,ah as B,eb as P}from"./index-dfc3affd.js";const T=C({name:"ArrowBack",render(){return e("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},e("path",{d:"M0 0h24v24H0V0z",fill:"none"}),e("path",{d:"M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42-.39-.39-1.02-.39-1.41 0l-6.59 6.59c-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1z"}))}}),E=l([z("page-header-header",`
  margin-bottom: 20px;
  `),z("page-header",`
  display: flex;

冷链2.0线下/assets/Scrollbar-fd25c002.js → 冷链2.0线下/assets/Scrollbar-6802490a.js

@@ -1 +1 @@
-import{X as e,d as l,b as n,h as t,dE as c}from"./index-53f7e955.js";const a=Object.assign(Object.assign({},e.props),{trigger:String,xScrollable:Boolean,onScroll:Function,size:Number}),i=l({name:"Scrollbar",props:a,setup(){const r=n(null);return Object.assign(Object.assign({},{scrollTo:(...s)=>{var o;(o=r.value)===null||o===void 0||o.scrollTo(s[0],s[1])},scrollBy:(...s)=>{var o;(o=r.value)===null||o===void 0||o.scrollBy(s[0],s[1])}}),{scrollbarInstRef:r})},render(){return t(c,Object.assign({ref:"scrollbarInstRef"},this.$props),this.$slots)}}),u=i;export{u as _};
+import{Y as e,d as l,b as n,h as t,dE as c}from"./index-dfc3affd.js";const a=Object.assign(Object.assign({},e.props),{trigger:String,xScrollable:Boolean,onScroll:Function,size:Number}),i=l({name:"Scrollbar",props:a,setup(){const r=n(null);return Object.assign(Object.assign({},{scrollTo:(...s)=>{var o;(o=r.value)===null||o===void 0||o.scrollTo(s[0],s[1])},scrollBy:(...s)=>{var o;(o=r.value)===null||o===void 0||o.scrollBy(s[0],s[1])}}),{scrollbarInstRef:r})},render(){return t(c,Object.assign({ref:"scrollbarInstRef"},this.$props),this.$slots)}}),u=i;export{u as _};

冷链2.0线下/assets/Task-d00af7a3.js → 冷链2.0线下/assets/Task-4fe50679.js

@@ -1 +1 @@
-import{ak as s,ay as t}from"./index-53f7e955.js";const r=e=>s.request({method:"POST",url:"/Task/Get",data:e,baseURL:t}),o=e=>s.request({method:"POST",url:"/Task/List",data:e,baseURL:t}),u=e=>s.request({method:"POST",url:"/Task/Up",data:e,baseURL:t});export{r as a,u as e,o as g};
+import{al as s,ay as t}from"./index-dfc3affd.js";const r=e=>s.request({method:"POST",url:"/Task/Get",data:e,baseURL:t}),o=e=>s.request({method:"POST",url:"/Task/List",data:e,baseURL:t}),u=e=>s.request({method:"POST",url:"/Task/Up",data:e,baseURL:t});export{r as a,u as e,o as g};

冷链2.0线下/assets/TaskData-4d49552b.js → 冷链2.0线下/assets/TaskData-a1a4fb66.js

@@ -1 +1 @@
-import{ak as e,am as t,an as s,ay as r}from"./index-53f7e955.js";const l=a=>(console.log("任务数据接口1",t,s),e.request({method:"POST",url:"/DeviceClassList/List",data:a,baseURL:r})),T=a=>(console.log("任务数据接口1",t,s),e.request({method:"POST",url:"/TaskData/TaskDataClass_List",data:a,baseURL:t})),u=a=>e.request({method:"POST",url:"/TaskData/Check",data:a,baseURL:localStorage.getItem("ping")?t:s}),g=a=>e.request({method:"POST",url:"/TaskData/Extract_TaskData",data:a,baseURL:r}),n=a=>e.request({method:"POST",url:"/TaskData/List",data:a,baseURL:localStorage.getItem("ping")?t:s}),c=a=>e.request({method:"POST",url:"/TaskData/Up_TaskData",data:a,baseURL:localStorage.getItem("ping")?t:s}),k=a=>e.request({method:"POST",url:"/TaskData/Add",data:a,baseURL:localStorage.getItem("ping")?t:s}),D=a=>e.request({method:"POST",url:"/TaskData//AddS",data:a,baseURL:localStorage.getItem("ping")?t:s}),m=a=>e.request({method:"POST",url:"/TaskData/Up",data:a,baseURL:localStorage.getItem("ping")?t:s}),d=a=>e.request({method:"POST",url:"/TaskData/Del",data:a,baseURL:localStorage.getItem("ping")?t:s}),S=a=>e.request({method:"POST",url:"/TaskData/Export_Data_Excel",data:a,baseURL:localStorage.getItem("ping")?t:s}),i=a=>e.request({method:"POST",url:"/TaskData/TaskDataClass_Edit",data:a,baseURL:localStorage.getItem("ping")?t:s}),L=a=>e.request({method:"POST",url:"/TaskData/TaskDataClass_Del",data:a,baseURL:localStorage.getItem("ping")?t:s}),p=a=>e.request({method:"POST",url:"/TaskData/jpg",data:a,baseURL:localStorage.getItem("ping")?t:s}),U=a=>e.request({method:"POST",url:"/TaskData/JPG/State",data:a,baseURL:localStorage.getItem("ping")?t:s});export{p as T,k as a,D as b,S as c,L as d,g as e,i as f,n as g,T as h,U as i,d as j,m as k,u as l,l as m,c as u};
+import{al as e,an as t,ao as s,ay as r}from"./index-dfc3affd.js";const l=a=>(console.log("任务数据接口1",t,s),e.request({method:"POST",url:"/DeviceClassList/List",data:a,baseURL:r})),T=a=>(console.log("任务数据接口1",t,s),e.request({method:"POST",url:"/TaskData/TaskDataClass_List",data:a,baseURL:t})),u=a=>e.request({method:"POST",url:"/TaskData/Check",data:a,baseURL:localStorage.getItem("ping")?t:s}),g=a=>e.request({method:"POST",url:"/TaskData/Extract_TaskData",data:a,baseURL:r}),n=a=>e.request({method:"POST",url:"/TaskData/List",data:a,baseURL:localStorage.getItem("ping")?t:s}),c=a=>e.request({method:"POST",url:"/TaskData/Up_TaskData",data:a,baseURL:localStorage.getItem("ping")?t:s}),D=a=>e.request({method:"POST",url:"/TaskData/Add",data:a,baseURL:localStorage.getItem("ping")?t:s}),k=a=>e.request({method:"POST",url:"/TaskData//AddS",data:a,baseURL:localStorage.getItem("ping")?t:s}),d=a=>e.request({method:"POST",url:"/TaskData/Up",data:a,baseURL:localStorage.getItem("ping")?t:s}),m=a=>e.request({method:"POST",url:"/TaskData/Del",data:a,baseURL:localStorage.getItem("ping")?t:s}),S=a=>e.request({method:"POST",url:"/TaskData/Export_Data_Excel",data:a,baseURL:localStorage.getItem("ping")?t:s}),i=a=>e.request({method:"POST",url:"/TaskData/TaskDataClass_Edit",data:a,baseURL:localStorage.getItem("ping")?t:s}),L=a=>e.request({method:"POST",url:"/TaskData/TaskDataClass_Del",data:a,baseURL:localStorage.getItem("ping")?t:s}),p=a=>e.request({method:"POST",url:"/TaskData/jpg",data:a,baseURL:localStorage.getItem("ping")?t:s}),U=a=>e.request({method:"POST",url:"/TaskData/JPG/State",data:a,baseURL:localStorage.getItem("ping")?t:s});export{p as T,D as a,k as b,S as c,L as d,g as e,i as f,n as g,T as h,U as i,m as j,d as k,u as l,l as m,c as u};

冷链2.0线下/assets/index-26c42693.css

@@ -1 +0,0 @@
-table tbody[data-v-8285dfdc]{display:block;max-height:300px;overflow-y:scroll;-webkit-overflow-scrolling:touch}table tbody[data-v-8285dfdc]::-webkit-scrollbar{display:none}table thead[data-v-8285dfdc],tbody tr[data-v-8285dfdc]{display:table;width:100%;table-layout:fixed}table thead[data-v-8285dfdc]{width:100%}table thead th[data-v-8285dfdc]{background:#ccc}

冷链2.0线下/assets/index-36138169.js → 冷链2.0线下/assets/index-9ee4b1f9.js

@@ -1 +1 @@
-import{r as d,b as s,o as m,c as u,f as o,w as p,g as n,h as f,N as k,i as g}from"./index-53f7e955.js";import{l as y}from"./TaskData-4d49552b.js";import{_ as h}from"./PageHeader-2fbdcfcb.js";import{_ as T}from"./DataTable-ec20fc4e.js";import"./RadioGroup-7562901d.js";import"./get-slot-1efb97e5.js";import"./Tooltip-1846d4e5.js";const x={class:"h-full flex flex-col gap-y-3"},O={__name:"index",setup(v){const l=window.sessionStorage.getItem("task")?JSON.parse(window.sessionStorage.getItem("task")):{},r=d({T_task_id:l.T_task_id}),i=[{title:"编号",key:"T_id"},{title:"SN",key:"T_sn"},{title:"数据量",key:"T_unm"},{title:"时间间隔",key:"T_time_interval"},{title:"开始时间",key:"Time_start"},{title:"结束时间",key:"Time_end"},{title:"结果",key:"Result",width:700,render(e){return f(k,{type:e.Result===200?"success":"error",bordered:!1,size:"large"},{default:()=>e.Result===200?"OK":e.Result_str})}}],a=s([]),t=s(!1);return(async()=>{try{t.value=!0;const{data:e}=await y(r);a.value=e.Data?e.Data:[]}catch(e){console.log(e)}finally{t.value=!1}})(),(e,D)=>{const c=h,_=T;return m(),u("div",x,[o(c,{onBack:e.$router.back},{title:p(()=>[g(" 数据校验 ")]),_:1},8,["onBack"]),o(_,{remote:"",loading:n(t),columns:i,data:n(a),bordered:!1,"flex-height":"",class:"flex-1"},null,8,["loading","data"])])}}};export{O as default};
+import{r as d,b as s,o as m,c as u,f as o,w as p,g as n,h as f,N as k,i as g}from"./index-dfc3affd.js";import{l as y}from"./TaskData-a1a4fb66.js";import{_ as h}from"./PageHeader-2710c260.js";import{_ as T}from"./DataTable-ba5bc8bb.js";import"./RadioGroup-c4c92435.js";import"./get-slot-1efb97e5.js";import"./Tooltip-129f4cb0.js";const x={class:"h-full flex flex-col gap-y-3"},O={__name:"index",setup(v){const l=window.sessionStorage.getItem("task")?JSON.parse(window.sessionStorage.getItem("task")):{},r=d({T_task_id:l.T_task_id}),i=[{title:"编号",key:"T_id"},{title:"SN",key:"T_sn"},{title:"数据量",key:"T_unm"},{title:"时间间隔",key:"T_time_interval"},{title:"开始时间",key:"Time_start"},{title:"结束时间",key:"Time_end"},{title:"结果",key:"Result",width:700,render(e){return f(k,{type:e.Result===200?"success":"error",bordered:!1,size:"large"},{default:()=>e.Result===200?"OK":e.Result_str})}}],a=s([]),t=s(!1);return(async()=>{try{t.value=!0;const{data:e}=await y(r);a.value=e.Data?e.Data:[]}catch(e){console.log(e)}finally{t.value=!1}})(),(e,D)=>{const c=h,_=T;return m(),u("div",x,[o(c,{onBack:e.$router.back},{title:p(()=>[g(" 数据校验 ")]),_:1},8,["onBack"]),o(_,{remote:"",loading:n(t),columns:i,data:n(a),bordered:!1,"flex-height":"",class:"flex-1"},null,8,["loading","data"])])}}};export{O as default};

冷链2.0线下/assets/index-c40b8049.css

@@ -0,0 +1 @@
+table tbody[data-v-915fda5c]{display:block;max-height:300px;overflow-y:scroll;-webkit-overflow-scrolling:touch}table tbody[data-v-915fda5c]::-webkit-scrollbar{display:none}table thead[data-v-915fda5c],tbody tr[data-v-915fda5c]{display:table;width:100%;table-layout:fixed}table thead[data-v-915fda5c]{width:100%}table thead th[data-v-915fda5c]{background:#ccc}

冷链2.0线下/index.html

@@ -5,7 +5,7 @@
     <link rel="icon" href="./favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>冷链验证报告生成系统</title>
-    <script type="module" crossorigin src="./assets/index-53f7e955.js"></script>
+    <script type="module" crossorigin src="./assets/index-dfc3affd.js"></script>
     <link rel="stylesheet" href="./assets/index-ebf8e2db.css">
   </head>
   <body>