This commit is contained in:
cxc
2022-12-07 11:58:27 +08:00
parent ef5911f069
commit 03c7503074
29 changed files with 474 additions and 168 deletions

View File

@ -0,0 +1 @@
#container[data-v-4939489c]{width:916px;height:580px}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1 @@
.monitor-item[data-v-73d5f491]{overflow:hidden;background-image:url(../../../../apps/com.awspaas.user.apps.cmp/screen/img/monitor.04a2160d.png);background-size:100% 100%}.monitor-item .video-wrap[data-v-73d5f491]{background-color:#333;position:relative;margin-top:10%;width:98%;height:65%}.monitor-item .video-wrap .monitor-screen[data-v-73d5f491]{width:100%;height:100%}.monitor-item .video-wrap .overlay[data-v-73d5f491]{z-index:99;position:absolute;left:0;top:0;width:100%;height:100%}.monitor-item .controls[data-v-73d5f491]{width:100%}.monitor-item .controls .fullscreen[data-v-73d5f491],.monitor-item .controls .playbtn[data-v-73d5f491]{font-size:40px;color:#fff}.monitor-item .controls img[data-v-73d5f491]{width:28px;height:28px}.monitor-item .desc[data-v-73d5f491]{font-family:PingFangSC-Medium;font-size:16px;color:#fff;letter-spacing:0;line-height:24px;text-shadow:0 0 7px #158eff;font-weight:500}

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 914 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 166 KiB

View File

@ -0,0 +1,2 @@
"use strict";(self["webpackChunkdata_visual_webpack"]=self["webpackChunkdata_visual_webpack"]||[]).push([[253],{2253:function(a,t,e){e.r(t),e.d(t,{default:function(){return p}});var n=e(3396),s=e(70);const o={id:"container"};var c={__name:"AMap",setup(a){const t=a=>{parent.postMessage({type:"marker-clicked",proid:a.target.getExtData().proid})},e=(a,e)=>{for(const n of e){const e=n.MAP.split(",")[1],s=n.MAP.split(",")[0],o=new AMap.Marker({position:[e,s],map:a,extData:{proid:n.PROID}});o.on("click",t)}};return(0,n.bv)((async()=>{var a=new AMap.Map("container",{mapStyle:"amap://styles/25ad310ebf2a324fcc74707a92a4d0dc",zoom:24,resizeEnable:!0,center:[111.986715,40.740616]});window.addEventListener("message",(t=>{console.log(t.data);const e=t.data.coordinate,n=e.split(",")[1],s=e.split(",")[0];a.setZoomAndCenter(24,[n,s])}));const t=await s.ZP.get("tette");e(a,t)})),(0,n.Ah)((()=>{marker.off("click",t)})),(a,t)=>((0,n.wg)(),(0,n.iD)("div",o))}},r=e(89);const i=(0,r.Z)(c,[["__scopeId","data-v-4939489c"]]);var p=i}}]);
//# sourceMappingURL=253.3a284f19.js.map

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

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,2 @@
(self["webpackChunkdata_visual_webpack"]=self["webpackChunkdata_visual_webpack"]||[]).push([[513],{3013:function(r){r.exports="undefined"!=typeof ArrayBuffer&&"undefined"!=typeof DataView},260:function(r,t,n){"use strict";var e,o,i,a=n(3013),y=n(9781),p=n(7854),f=n(614),u=n(111),c=n(2597),d=n(648),s=n(6330),A=n(8880),h=n(8052),v=n(3070).f,T=n(7976),l=n(9518),g=n(7674),_=n(5112),w=n(9711),x=n(9909),I=x.enforce,O=x.get,R=p.Int8Array,b=R&&R.prototype,C=p.Uint8ClampedArray,E=C&&C.prototype,U=R&&l(R),k=b&&l(b),P=Object.prototype,F=p.TypeError,M=_("toStringTag"),V=w("TYPED_ARRAY_TAG"),Y="TypedArrayConstructor",j=a&&!!g&&"Opera"!==d(p.opera),m=!1,B={Int8Array:1,Uint8Array:1,Uint8ClampedArray:1,Int16Array:2,Uint16Array:2,Int32Array:4,Uint32Array:4,Float32Array:4,Float64Array:8},D={BigInt64Array:8,BigUint64Array:8},L=function(r){if(!u(r))return!1;var t=d(r);return"DataView"===t||c(B,t)||c(D,t)},S=function(r){var t=l(r);if(u(t)){var n=O(t);return n&&c(n,Y)?n[Y]:S(t)}},G=function(r){if(!u(r))return!1;var t=d(r);return c(B,t)||c(D,t)},N=function(r){if(G(r))return r;throw F("Target is not a typed array")},W=function(r){if(f(r)&&(!g||T(U,r)))return r;throw F(s(r)+" is not a typed array constructor")},Z=function(r,t,n,e){if(y){if(n)for(var o in B){var i=p[o];if(i&&c(i.prototype,r))try{delete i.prototype[r]}catch(a){try{i.prototype[r]=t}catch(f){}}}k[r]&&!n||h(k,r,n?t:j&&b[r]||t,e)}},q=function(r,t,n){var e,o;if(y){if(g){if(n)for(e in B)if(o=p[e],o&&c(o,r))try{delete o[r]}catch(i){}if(U[r]&&!n)return;try{return h(U,r,n?t:j&&U[r]||t)}catch(i){}}for(e in B)o=p[e],!o||o[r]&&!n||h(o,r,t)}};for(e in B)o=p[e],i=o&&o.prototype,i?I(i)[Y]=o:j=!1;for(e in D)o=p[e],i=o&&o.prototype,i&&(I(i)[Y]=o);if((!j||!f(U)||U===Function.prototype)&&(U=function(){throw F("Incorrect invocation")},j))for(e in B)p[e]&&g(p[e],U);if((!j||!k||k===P)&&(k=U.prototype,j))for(e in B)p[e]&&g(p[e].prototype,k);if(j&&l(E)!==k&&g(E,k),y&&!c(k,M))for(e in m=!0,v(k,M,{get:function(){return u(this)?this[V]:void 0}}),B)p[e]&&A(p[e],V,e);r.exports={NATIVE_ARRAY_BUFFER_VIEWS:j,TYPED_ARRAY_TAG:m&&V,aTypedArray:N,aTypedArrayConstructor:W,exportTypedArrayMethod:Z,exportTypedArrayStaticMethod:q,getTypedArrayConstructor:S,isView:L,isTypedArray:G,TypedArray:U,TypedArrayPrototype:k}},8544:function(r,t,n){var e=n(7293);r.exports=!e((function(){function r(){}return r.prototype.constructor=null,Object.getPrototypeOf(new r)!==r.prototype}))},9518:function(r,t,n){var e=n(2597),o=n(614),i=n(7908),a=n(6200),y=n(8544),p=a("IE_PROTO"),f=Object,u=f.prototype;r.exports=y?f.getPrototypeOf:function(r){var t=i(r);if(e(t,p))return t[p];var n=t.constructor;return o(n)&&t instanceof n?n.prototype:t instanceof f?u:null}},8675:function(r,t,n){"use strict";var e=n(260),o=n(6244),i=n(9303),a=e.aTypedArray,y=e.exportTypedArrayMethod;y("at",(function(r){var t=a(this),n=o(t),e=i(r),y=e>=0?e:n+e;return y<0||y>=n?void 0:t[y]}))},4590:function(r,t,n){"use strict";var e=n(260),o=n(9671).findLastIndex,i=e.aTypedArray,a=e.exportTypedArrayMethod;a("findLastIndex",(function(r){return o(i(this),r,arguments.length>1?arguments[1]:void 0)}))},3408:function(r,t,n){"use strict";var e=n(260),o=n(9671).findLast,i=e.aTypedArray,a=e.exportTypedArrayMethod;a("findLast",(function(r){return o(i(this),r,arguments.length>1?arguments[1]:void 0)}))},6371:function(r,t,n){"use strict";n.r(t),n.d(t,{default:function(){return y}});var e=n(3396),o=n(6552),i={__name:"monitor-detail",setup(r){return(r,t)=>((0,e.wg)(),(0,e.j4)(o.Z,{width:"1900",height:"960"}))}};const a=i;var y=a}}]);
//# sourceMappingURL=513.3f0571ff.js.map

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

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

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

View File

@ -12,7 +12,7 @@
class="nav-link flex justify-center items-center"
to="/monitor"
>
视频监控
现场展示
</router-link>
</div>
</div>

View File

@ -7,6 +7,18 @@
<NRadioButton label="预期" :value="1"></NRadioButton>
</NRadioGroup>
</n-config-provider> -->
<div class="flex w-32 h-8 items-center justify-between text-sm">
<div
class="rounded-full w-4 h-4"
style="background-color: springgreen"
></div>
<div>计划</div>
<div
class="rounded-full w-4 h-4"
style="background-color: indianred"
></div>
<div>实际</div>
</div>
</template>
<div id="gantt-chart"></div>
</ChartContainer>
@ -31,7 +43,7 @@ import axios from "axios";
dayjs.extend(duration);
// const projectList = ref([]);
const dataList = ref([]);
// const dataList = ref([]);
// const mode = ref(0);
const loadGanttData = async (proid) => {
const resp = await axios.get(
@ -40,171 +52,13 @@ const loadGanttData = async (proid) => {
"&projectId=" +
proid
);
// mode.value = 0;
// const resp = {
// data: [
// {
// PROID: "HT6YXM-202211142022110022",
// UPDATEDATE: 1668416810000,
// TASKTITLE: "三通一平",
// RBDATE: "",
// UPDATEUSER: "13066661111",
// ANNEX: "",
// TASKCONTENT: "完成场地三通一平",
// TASKID: "RWJD-202211142022110023",
// REDATE: "",
// CREATEUSER: "13066661111",
// ISEND: 0,
// PROGRESS: "0",
// RESP: "冯珊",
// PAY: 0,
// PRONAME: "cm测试",
// ORGID: "bda44ef3-4588-4a3b-832a-bf4011689f59",
// BINDID: "5eb71af6-4893-40f4-b6c2-8c6bdb0b9c41",
// BDATE: "2022-11-20",
// EDATE: "2022-12-01",
// RBDATE: "2022-11-25",
// REDATE: "2022-12-05",
// MILESTONEFLAG: 1,
// PROCESSDEFID: "obj_8924ba5cac84443f94c35bf720890255",
// CREATEDATE: 1668416810000,
// REMARK: "",
// STATUS: 0,
// DAYS: 12,
// ID: "ae5eef83-8ac2-4ddd-9fad-bcbdef80d86a",
// },
// {
// PROID: "HT6YXM-202211142022110022",
// UPDATEDATE: 1668416810000,
// TASKTITLE: "基础建设",
// RBDATE: "",
// UPDATEUSER: "13066661111",
// ANNEX: "",
// TASKCONTENT: "基础建设",
// TASKID: "RWJD-202211142022110024",
// REDATE: "",
// CREATEUSER: "13066661111",
// ISEND: 0,
// PROGRESS: "0",
// RESP: "冯珊",
// PAY: 0,
// PRONAME: "cm测试",
// ORGID: "bda44ef3-4588-4a3b-832a-bf4011689f59",
// BINDID: "36b19646-4b1c-40b1-9e41-40c906885dcf",
// BDATE: "2022-11-20",
// EDATE: "2022-12-01",
// RBDATE: "2022-11-25",
// REDATE: "2022-12-05",
// MILESTONEFLAG: 1,
// PROCESSDEFID: "obj_8924ba5cac84443f94c35bf720890255",
// CREATEDATE: 1668416810000,
// REMARK: "",
// DAYS: 12,
// STATUS: 0,
// ID: "a49c227d-a609-4ab4-87ad-c33a67c3f75b",
// },
// {
// PROID: "HT6YXM-202211142022110022",
// UPDATEDATE: 1668416810000,
// TASKTITLE: "主体50%",
// RBDATE: "",
// UPDATEUSER: "13066661111",
// ANNEX: "",
// TASKCONTENT: "主体50%",
// TASKID: "RWJD-202211142022110025",
// REDATE: "",
// CREATEUSER: "13066661111",
// ISEND: 0,
// PROGRESS: "0",
// RESP: "冯珊",
// PAY: 0,
// PRONAME: "cm测试",
// ORGID: "bda44ef3-4588-4a3b-832a-bf4011689f59",
// BINDID: "eefdf22f-2aff-4913-845c-b9f812160c62",
// BDATE: "2022-11-20",
// EDATE: "2022-12-01",
// RBDATE: "2022-11-25",
// REDATE: "2022-12-05",
// MILESTONEFLAG: 0,
// PROCESSDEFID: "obj_8924ba5cac84443f94c35bf720890255",
// CREATEDATE: 1668416810000,
// REMARK: "",
// STATUS: 0,
// DAYS: 12,
// ID: "d01c9a0a-cb43-434b-93d8-ce618680acea",
// },
// {
// PROID: "HT6YXM-202211142022110022",
// UPDATEDATE: 1668416810000,
// TASKTITLE: "主体100%",
// RBDATE: "",
// UPDATEUSER: "13066661111",
// ANNEX: "",
// TASKCONTENT: "主体100%",
// TASKID: "RWJD-202211142022110026",
// REDATE: "",
// CREATEUSER: "13066661111",
// ISEND: 0,
// PROGRESS: "0",
// RESP: "冯珊",
// PAY: 0,
// PRONAME: "cm测试",
// ORGID: "bda44ef3-4588-4a3b-832a-bf4011689f59",
// BINDID: "d5316e62-9bf9-4bbf-952b-db3dcd35c00e",
// BDATE: "2022-11-20",
// EDATE: "2022-12-01",
// // RBDATE: "2022-11-25",
// // REDATE: "2022-12-05",
// RBDATE: null,
// REDATE: null,
// MILESTONEFLAG: 1,
// PROCESSDEFID: "obj_8924ba5cac84443f94c35bf720890255",
// CREATEDATE: 1668416810000,
// REMARK: "",
// STATUS: 1,
// DAYS: 12,
// ID: "7df6796c-b084-40a5-9da7-2bd89615b527",
// },
// {
// PROID: "HT6YXM-202211142022110022",
// UPDATEDATE: 1668416810000,
// TASKTITLE: "装修",
// RBDATE: "",
// UPDATEUSER: "13066661111",
// ANNEX: "",
// TASKCONTENT: "装修",
// TASKID: "RWJD-202211142022110027",
// REDATE: "",
// CREATEUSER: "13066661111",
// ISEND: 0,
// PROGRESS: "45",
// RESP: "冯珊",
// PAY: 0,
// PRONAME: "cm测试",
// ORGID: "bda44ef3-4588-4a3b-832a-bf4011689f59",
// BINDID: "a8180cde-4d00-43a2-9bb1-f84996fc1eb2",
// BDATE: "2022-12-01",
// EDATE: "2022-12-05",
// RBDATE: "2022-12-04",
// REDATE: "2022-12-05",
// MILESTONEFLAG: 1,
// PROCESSDEFID: "obj_8924ba5cac84443f94c35bf720890255",
// CREATEDATE: 1668416810000,
// REMARK: "",
// DAYS: 12,
// STATUS: 2,
// ID: "b3b3e39b-546e-43c8-8475-74d1e6c14c34",
// },
// ],
// };
dataList.value = resp.data;
parseData(dataList.value);
// dataList.value = resp.data;
// console.log(resp.data);
parseData(resp.data);
};
const parseData = (list) => {
const ganttData = list.map((el) => {
// let starts;
// let ends;
let startDate;
let endDate;
if (!el.RBDATE || !el.REDATE) {
@ -216,13 +70,12 @@ const parseData = (list) => {
startDate = Math.min(...starts);
endDate = Math.max(...ends);
}
console.log(startDate, endDate);
return {
id: el.ID,
text: el.TASKTITLE,
start_date: dayjs(startDate).format("DD-MM-YYYY"),
end_date: dayjs(endDate).format("DD-MM-YYYY"),
duration: parseInt(
continue: parseInt(
dayjs
.duration(new Date(el.EDATE).getTime() - new Date(el.BDATE).getTime())
.asDays()
@ -234,6 +87,7 @@ const parseData = (list) => {
days: parseInt(el.DAYS),
};
});
console.log(ganttData);
gantt.clearAll();
gantt.parse({
data: ganttData,
@ -276,6 +130,7 @@ const parseData = (list) => {
rBar.style.left = `${rLeft * 70}px`;
bar.style.width = `${width * 70}px`;
rBar.style.width = `${rWidth * 70}px`;
// rBar.style.height = `${80}%`;
rBar.style.textAlign = "right";
rBar.classList.add("rdate");
bar.innerHTML = "";
@ -323,12 +178,18 @@ onMounted(async () => {
label: "任务名称",
tree: false,
},
{ name: "start_date", label: "开始时间", align: "center" },
{ name: "duration", label: "持续时间", align: "center" },
{
name: "start_date",
label: "计划开始时间",
align: "center",
min_width: 180,
},
{ name: "continue", label: "持续时间", align: "center" },
{
name: "percent",
label: "进度",
align: "center",
max_width: 80,
template: (task) => {
return `<div >${task.percent}%</div>`;
},
@ -337,6 +198,7 @@ onMounted(async () => {
name: "status",
label: "状态",
align: "center",
// max_width: 100,
template: function (task) {
if (task.status == "0") {
return `<div style="color: springgreen">按时完成</div>`;
@ -455,7 +317,10 @@ defineExpose({
opacity: 0.3;
background-color: springgreen;
&.rdate {
background-color: palevioletred;
height: 72%;
top: 50%;
transform: translateY(-50%);
background-color: indianred;
}
}
}

View File

@ -53,6 +53,7 @@ const loadData = async (proid) => {
const resp = await axios.get(
`./jd?cmd=com.awspaas.user.apps.cmp_screen_getQualityCheck&sid=${sid}&projectId=${proid}`
);
config.data.splice(0, config.data.length);
for (const item of resp.data) {
config.data.push([
item.QCID,