Skip to content

M
mes-ui
Commit 20adf7bb authored by 仇晓婷's avatar 仇晓婷
Browse files
Options

Merge branch 'product' of http://git.mes123.com/zhouyx/mes-ui into product

parents 3c188511 de0677ce
Hide whitespace changes
Inline Side-by-side
Showing with 908 additions and 478 deletions
components/page/productNumberSelect.vue
View file @ 20adf7bb
...@@ -30,7 +30,7 @@ export default { ...@@ -30,7 +30,7 @@ export default {
this.getCodes(); this.getCodes();
}, },
props: { props: {
eid: Number, eid: [Number,String],
value: [String, Number, Array], value: [String, Number, Array],
placeholder: { placeholder: {
type: String, type: String,
......
components/page/viewer.vue 0 → 100644
View file @ 20adf7bb
<template>
<div>
<viewer :options="options" :images="images" @inited="inited" class="viewer" ref="viewer">
<template slot-scope="scope">
<figure class="images">
<div class="image-wrapper" v-for="{source, thumbnail} in scope.images" :key="source">
<img
class="image"
:src="thumbnail"
:data-source="source"
:alt="source.split('?image=').pop()"
/>
</div>
</figure>
</template>
</viewer>
</div>
</template>
<script>
export default {
name:'viewerImg',
props: {
images: {
type: Array,
default: []
}
},
data() {
return {
options: {
inline: true,
button: true,
navbar: true,
title: false,
toolbar: true,
tooltip: true,
movable: true,
zoomable: true,
rotatable: true,
scalable: true,
transition: true,
fullscreen: true,
keyboard: true,
url: "data-source"
}
// images: [...sourceImages].splice(0, 5)
};
},
computed: {},
methods: {
inited(viewer) {
this.$viewer = viewer;
}
},
watch: {
images(v) {
if (v && v.length > 0) {
this.images = v;
}
}
}
};
</script>
<style lang="less" scoped>
.viewer {
height: 100%;
.images {
height: 100%;
display: flex;
justify-content: center;
align-content: center;
align-items: center;
flex-wrap: wrap;
padding: 5px;
.image-wrapper {
display: inline-block;
width: calc(10% - 20px);
margin: 5px 5px 0 5px;
.image {
width: 100%;
cursor: pointer;
display: inline-block;
}
}
}
}
</style>
\ No newline at end of file
package-lock.json
View file @ 20adf7bb
...@@ -21584,6 +21584,11 @@ ...@@ -21584,6 +21584,11 @@
"integrity": "sha1-iQN8vJLFarGJJua6TLsgDhVnKmo=", "integrity": "sha1-iQN8vJLFarGJJua6TLsgDhVnKmo=",
"dev": true "dev": true
}, },
"throttle-debounce": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-2.1.0.tgz",
"integrity": "sha512-AOvyNahXQuU7NN+VVvOOX+uW6FPaWdAOdRP5HfwYxAfCzXTFKRMoIMk+n+po318+ktcChx+F1Dd91G3YHeMKyg=="
},
"through": { "through": {
"version": "2.3.8", "version": "2.3.8",
"resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz", "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
...@@ -22119,6 +22124,15 @@ ...@@ -22119,6 +22124,15 @@
"resolved": "http://r.cnpmjs.org/v-click-outside-x/download/v-click-outside-x-3.7.1.tgz", "resolved": "http://r.cnpmjs.org/v-click-outside-x/download/v-click-outside-x-3.7.1.tgz",
"integrity": "sha1-qgPqoOQeRMtSB9z4bC2fDdZAhME=" "integrity": "sha1-qgPqoOQeRMtSB9z4bC2fDdZAhME="
}, },
"v-viewer": {
"version": "1.5.1",
"resolved": "https://registry.npmjs.org/v-viewer/-/v-viewer-1.5.1.tgz",
"integrity": "sha512-Q5ICKzmYQD0qTf+hti2Lhgy6UYY2zgFr+YrN9a3yPgr7pOjYrG405Pz4+6Z6FXlhdhGysCWFJUNCI2tsIyvjWQ==",
"requires": {
"throttle-debounce": "^2.0.1",
"viewerjs": "^1.5.0"
}
},
"validate-npm-package-license": { "validate-npm-package-license": {
"version": "3.0.4", "version": "3.0.4",
"resolved": "http://r.cnpmjs.org/validate-npm-package-license/download/validate-npm-package-license-3.0.4.tgz", "resolved": "http://r.cnpmjs.org/validate-npm-package-license/download/validate-npm-package-license-3.0.4.tgz",
...@@ -22164,6 +22178,11 @@ ...@@ -22164,6 +22178,11 @@
"v-click-outside-x": "^3.7.1" "v-click-outside-x": "^3.7.1"
} }
}, },
"viewerjs": {
"version": "1.5.0",
"resolved": "https://registry.npmjs.org/viewerjs/-/viewerjs-1.5.0.tgz",
"integrity": "sha512-ZiJ0vrXDvomLSY3ixaZCJtmdenomsvPPQwZKwvtXUMCiO2HHtFGoB/KqpS9QzABSeKaRLfcENp1uRYJ7l1MkYQ=="
},
"vm-browserify": { "vm-browserify": {
"version": "1.1.2", "version": "1.1.2",
"resolved": "http://r.cnpmjs.org/vm-browserify/download/vm-browserify-1.1.2.tgz", "resolved": "http://r.cnpmjs.org/vm-browserify/download/vm-browserify-1.1.2.tgz",
......
package.json
View file @ 20adf7bb
...@@ -42,6 +42,7 @@ ...@@ -42,6 +42,7 @@
"quill-image-resize-module": "^3.0.0", "quill-image-resize-module": "^3.0.0",
"screenfull": "^5.0.2", "screenfull": "^5.0.2",
"ua-parser-js": "^0.7.18", "ua-parser-js": "^0.7.18",
"v-viewer": "^1.5.1",
"view-design": "^4.1.3", "view-design": "^4.1.3",
"vue-echarts": "^4.0.3", "vue-echarts": "^4.0.3",
"vue-i18n": "^8.15.5", "vue-i18n": "^8.15.5",
......
pages/produce/execute/ProcessCase/index.vue
View file @ 20adf7bb
...@@ -44,22 +44,6 @@ ...@@ -44,22 +44,6 @@
</Col> </Col>
</Row> </Row>
</div> </div>
<!-- <Tag type="dot" slot-scope="{row}" :checkable="true" class="tag_card" size="large" :name="row.id" :key="row.index" :checked="row.checked"
color="primary" @on-change="changeCards" >
<Row :gutter="16">
<Col span="6">
<div class="file">
<Icon type="ios-paper" v-if="row.id%2==0"/>
<Icon type="md-film" v-else/>
</div>
</Col>
<Col span="18">
<p><b>{{row.title}}</b></p>
<p>{{row.creationTime}}</p>
<p>{{row.id}}{{row.creator}}</p>
</Col>
</Row>
</Tag>-->
</template> </template>
</DataGrid> </DataGrid>
<Modal v-model="modal" :title="title" width="1200" footer-hide> <Modal v-model="modal" :title="title" width="1200" footer-hide>
......
pages/produce/execute/api.js
View file @ 20adf7bb
import Api from '@/plugins/request' import Api from '@/plugins/request'
export default { export default {
index: `${PlanUrl}/orderexecutequalityrecord/dispatchproductcodes`, index: `${PlanUrl}/orderexecutequalityrecord/dispatchproductcodes`,
// 质量判定获取所有产品数据
getpaged(params) { getpaged(params) {
return Api.get(`${PlanUrl}/orderexecutequalityrecord/dispatchproductcodes`, params); return Api.get(`${PlanUrl}/orderexecutequalityrecord/dispatchproductcodes`, params);
}, },
// 质量判定提交
submitData(params) { submitData(params) {
return Api.post(`${PlanUrl}/orderexecutequalityrecord/checkdispatchproduct`, params); return Api.post(`${PlanUrl}/orderexecutequalityrecord/checkdispatchproduct`, params);
}, },
//工单联合信息
orderanddispatchinfos(params) {
return Api.get(`${PlanUrl}/orderexecutenew/orderanddispatchinfos`, params);
},
} }
\ No newline at end of file
pages/produce/execute/execute.less
View file @ 20adf7bb
...@@ -155,7 +155,7 @@ ...@@ -155,7 +155,7 @@
} }
.ivu-drawer-body { .ivu-drawer-body {
padding: 0; padding: 0;
height: calc(100% - 210px); height: calc(100% - 115px);
.order_list{ .order_list{
.select_t { .select_t {
padding: 15px 20px; padding: 15px 20px;
...@@ -391,8 +391,9 @@ ...@@ -391,8 +391,9 @@
} }
.mass_box{ .mass_box{
h2{ height: 40px;} h2{ height: 40px;}
.heger{ color: #2680EB;} .weizhix{ color: #4d5055;}
.rangb{ color: #515A6E;} .rangb{ color: #515A6E;}
.hege{ color: #2680EB;}
.fanxiu{ color: #FFA000;} .fanxiu{ color: #FFA000;}
.feipin{ color: #FE7777;} .feipin{ color: #FE7777;}
.chuanse{ .chuanse{
...@@ -403,6 +404,7 @@ ...@@ -403,6 +404,7 @@
margin: 0 30px 0 0; margin: 0 30px 0 0;
color: #fff; color: #fff;
} }
.button04{ background: #2680EB; }
.button01{ background: #515A6E; } .button01{ background: #515A6E; }
.button02{ background: #FFA000; } .button02{ background: #FFA000; }
.button03{ background: #FE7777; } .button03{ background: #FE7777; }
...@@ -439,6 +441,11 @@ ...@@ -439,6 +441,11 @@
} }
} }
} }
.hege_box{
.ivu-tag-dot-inner{
background: #2680EB;
}
}
.rangbu{ .rangbu{
.list02{ .list02{
.tag_card02{ .tag_card02{
......
pages/produce/execute/index.vue
View file @ 20adf7bb
...@@ -17,29 +17,17 @@ ...@@ -17,29 +17,17 @@
<div class="header"> <div class="header">
<a class="gd_tt" @click="goToOrder"><Icon type="ios-undo-outline" />工单列表</a> <a class="gd_tt" @click="goToOrder"><Icon type="ios-undo-outline" />工单列表</a>
<Dictionary code="taskList.status" class="select_star fr" v-model="odermodel" @on-change="searchOrder"></Dictionary> <Dictionary code="taskList.status" class="select_star fr" v-model="odermodel" @on-change="searchOrder"></Dictionary>
<!-- <Select v-model="odermodel" style="width:100px" @on-change="searchOrder">
<Option v-for="item in oderList" :value="item.value" :key="item.index">{{ item.label }} -->
<!-- <state
code="taskList.status"
ref="state" class="fr"
:value="item.value"
type="text"
></state>-->
</Option> </Option>
</Select> </Select>
<!-- <a class="openAll"><Icon type="ios-list" size="18" /> 展开全部列表</a> -->
</div> </div>
<div class="select_t"> <div class="select_t">
<!-- <Select v-model="odermodel" style="width:100px" @on-change="searchOrder">
<Option v-for="item in oderList" :value="item.value" :key="item.index">{{ item.label }}</Option>
</Select>-->
<!-- <span class="gd_length">{{listLength}}</span> -->
<Button class>时间正序排列</Button> <Button class>时间正序排列</Button>
</div> </div>
</div> </div>
<!-- 列表卡片主内容 -->
<orderlist ref="orderlist" /> <orderlist ref="orderlist" />
</Drawer> </Drawer>
<!-- title="功能区" --> <!-- 功能区 -->
<Drawer <Drawer
class="gn_box" class="gn_box"
:closable="false" :closable="false"
...@@ -60,56 +48,19 @@ export default { ...@@ -60,56 +48,19 @@ export default {
return { return {
orderTitle: "进度汇报", orderTitle: "进度汇报",
orderindex: 0, orderindex: 0,
gdId: 0,
listLength: 0, //工单数量 listLength: 0, //工单数量
starmodal: true, starmodal: true,
orderlistMode: false, orderlistMode: false,
functionalMode: false, functionalMode: false,
gdId: 0,
detail: null, detail: null,
row:{},
odermodel: -9, odermodel: -9,
orderId: null, orderId: null,
row:{},
oderList: [
{
value: -9,
label: "全部"
},
{
value: 12,
label: "未开工"
},
{
value: 14,
label: "执行中"
},
{
value: 0,
label: "已完成"
},
{
value: 5,
label: "暂停中"
},
{
value: 7,
label: "已终止"
},
{
value: -1,
label: "待派工"
}
// value: '交检中',
// label: '交检中'
// },{
// value: '交接中',
// label: '交接中'
// },{
],
condition: [] condition: []
}; };
}, },
created() { created() {
// this.orderId = this.$route.query.orderId;
let row={} let row={}
row.id = this.$route.query.id; row.id = this.$route.query.id;
row.orderId = this.$route.query.orderId; row.orderId = this.$route.query.orderId;
......
pages/produce/execute/judgment/index.vue
View file @ 20adf7bb
<template> <template>
<div class="wu_bg"> <div class="wu_bg">
<div class="mass_box"> <div class="mass_box">
<h2 class="heger">合格（{{cardlist.length}}）</h2> <h2 class="weizhix">未执行（{{cardlist.length}}）</h2>
<div class="mass_list"> <div class="mass_list">
<p class="btn_play"> <p class="btn_play">
<Button class="button" type="primary" @click="allcheck">全选</Button> <Button class="button" type="primary" @click="allcheck">全选</Button>
<Button class="button" type="primary" @click="rechecked">反选</Button> <Button class="button" type="primary" @click="rechecked">反选</Button>
</p> </p>
<div class="list01"> <div class="list01">
<!-- --> <!-- -->
<Tag type="dot" :checkable="true" class="tag_card" size="large" v-for="(item,index) in cardlist" :name="item.id" :key="index" :checked="item.checked" <Tag
color="primary" @on-change="changeCards" > type="dot"
{{item.prefix}}.{{item.code}}</Tag> :checkable="true"
</div> class="tag_card"
</div> size="large"
<div class="chuanse"> v-for="(item,index) in cardlist"
<Button class="button01" @click="chanserang">让步</Button> :name="item.id"
<Button class="button02" @click="chansefan">返修</Button> :key="index"
<Button class="button03" @click="chansefei">不合格品</Button> :checked="item.checked"
</div> color="primary"
<div class="mass_list rangbu" v-if="ranglist.length>0"> @on-change="changeCards"
<h2 class="rangb">让步（{{ranglist.length}}） >{{item.prefix}}.{{item.code}}</Tag>
<!-- consoleFun cansolRang --> </div>
<Button class="fr" @click="consoleFun(1)"><Icon type="md-close" /></Button> </div>
</h2> <div class="chuanse">
<Button class="button04" @click="chansehege">合格</Button>
<div class="list02"> <Button class="button01" @click="chanserang">让步</Button>
<Tag type="dot" class="tag_card02" v-for="(item,index) in ranglist" :key="index" :name="item.id" :checkable="false" closable @on-close="handleClose">{{ item.code}}</Tag> <Button class="button02" @click="chansefan">返修</Button>
</div> <Button class="button03" @click="chansefei">不合格品</Button>
</div> </div>
<div class="mass_list fanxiu_box" v-if="fanlist.length>0"> <div class="mass_list hege_box" v-if="hegelist.length>0">
<h2 class="fanxiu">返修（{{fanlist.length}}） <h2 class="hege">
<!-- consoleFun(1) cansolfan --> 合格（{{hegelist.length}}）
<Button class="fr" @click="consoleFun(2)"><Icon type="md-close" /></Button> <Button class="fr" @click="consoleFun(0)">
</h2> <Icon type="md-close" />
<div class="list02"> </Button>
<Tag type="dot" class="tag_card02" v-for="(item,index) in fanlist" :key="index" :name="item.id" :checkable="false" closable @on-close="fanClose">{{ item.code}}</Tag> </h2>
</div> <div class="list02">
</div> <Tag
type="dot"
<div class="mass_list fei_box" v-if="feilist.length>0"> class="tag_card02"
<h2 class="feipin">不合格品（{{feilist.length}}） v-for="(item,index) in hegelist"
<!-- consoleFun(1) cansolfei--> :key="index"
<Button class="fr" @click="consoleFun(3)"><Icon type="md-close" /></Button> :name="item.id"
</h2> :checkable="false"
<div class="list02"> closable
<Tag type="dot" class="tag_card02" v-for="(item,index) in feilist" :key="index" :name="item.id" :checkable="false" closable @on-close="feiClose">{{ item.code}}</Tag> @on-close="hegeClose"
</div> >{{ item.code}}</Tag>
</div> </div>
<div class="fei_right" v-if="feilist.length>0"> </div>
<Form <div class="mass_list rangbu" v-if="ranglist.length>0">
:model="orderForm" <h2 class="rangb">
:label-width="110" 让步（{{ranglist.length}}）
:rules="rules" <!-- consoleFun cansolRang -->
ref="formValidate" <Button class="fr" @click="consoleFun(1)">
> <Icon type="md-close" />
<FormItem label="问题原因：" prop="question" style="width:100%"> </Button>
<Select v-model="orderForm.question"style="width:80%"> </h2>
<Option value="" class="option-text">请选择</Option><!-- :disabled="feilist.length == 0 ? true:false" placeholder="选择问题原因" --> <div class="list02">
<Option v-for="item in problemList" :value="item.problem" :key="item.index">{{ item.problem }}</Option> <Tag
</Select> type="dot"
</FormItem> class="tag_card02"
<FormItem label="责任归属：" prop="useroption" style="width:100%"> v-for="(item,index) in ranglist"
<Select v-model="orderForm.useroption" style="width:80%"> :key="index"
<Option value="" class="option-text">请选择</Option> :name="item.id"
<Option v-for="item in blameList" :value="item.user" :key="item.index">{{ item.user }}</Option> :checkable="false"
</Select> closable
</FormItem> @on-close="handleClose"
</Form> >{{ item.code}}</Tag>
</div> </div>
</div>
<div class="mass_list fanxiu_box" v-if="fanlist.length>0">
<h2 class="fanxiu">
返修（{{fanlist.length}}）
<Button class="fr" @click="consoleFun(2)">
<Icon type="md-close" />
</Button>
</h2>
<div class="list02">
<Tag
type="dot"
class="tag_card02"
v-for="(item,index) in fanlist"
:key="index"
:name="item.id"
:checkable="false"
closable
@on-close="fanClose"
>{{ item.code}}</Tag>
</div> </div>
<div class="futer flex fc-ev" v-if="ranglist.length>0||fanlist.length>0||feilist.length>0" > </div>
<Button class="button" size='large' type="primary" @click="sendOrder" v-if="feilist.length>0"> 送审</Button> <div class="mass_list fei_box" v-if="feilist.length>0">
<Button class="button" size='large' type="primary" @click="submit" v-else> 提交</Button> <h2 class="feipin">
<Button class="button" size='large' @click="toOrder"> 取消</Button> 不合格品（{{feilist.length}}）
<Button class="fr" @click="consoleFun(3)">
<Icon type="md-close" />
</Button>
</h2>
<div class="list02">
<Tag
type="dot"
class="tag_card02"
v-for="(item,index) in feilist"
:key="index"
:name="item.id"
:checkable="false"
closable
@on-close="feiClose"
>{{ item.code}}</Tag>
</div> </div>
<!-- 订单送审 --> </div>
<Modal <div class="fei_right" v-if="feilist.length>0">
v-model="ModalOrder" <Form :model="orderForm" :label-width="110" :rules="rules" ref="formValidate">
title="订单送审" <FormItem label="问题原因：" prop="question" style="width:100%">
:mask-closable="false" <Select v-model="orderForm.question" style="width:80%">
:scrollable="true" <Option value class="option-text">请选择</Option>
fullscreen> <!-- :disabled="feilist.length == 0 ? true:false" placeholder="选择问题原因" -->
<OrderSendReview ref="orderSendReview"></OrderSendReview> <Option
<div slot="footer"> v-for="item in problemList"
<Button @click="ModalOrder = false">取消</Button> :value="item.problem"
<Button type="primary" @click="orderSendOk">确定送审</Button> :key="item.index"
</div> >{{ item.problem }}</Option>
</Modal> </Select>
<!-- 确定弹框 @on-cancel="cancelModal"--> </FormItem>
<Modal <FormItem label="责任归属：" prop="useroption" style="width:100%">
v-model="suModal" <Select v-model="orderForm.useroption" style="width:80%">
:title="mTitle" <Option value class="option-text">请选择</Option>
@on-ok="okModal"> <Option v-for="item in blameList" :value="item.user" :key="item.index">{{ item.user }}</Option>
<p>是否全部取消？</p> </Select>
</Modal> </FormItem>
</Form>
</div>
</div> </div>
<div class="futer flex fc-ev" v-if="ranglist.length>0||fanlist.length>0||feilist.length>0">
<Button
class="button"
size="large"
type="primary"
@click="sendOrder"
v-if="feilist.length>0"
>送审</Button>
<Button class="button" size="large" type="primary" @click="submit" v-else>提交</Button>
<Button class="button" size="large" @click="toOrder">取消</Button>
</div>
<!-- 订单送审 -->
<Modal v-model="ModalOrder" title="订单送审" :mask-closable="false" :scrollable="true" fullscreen>
<OrderSendReview ref="orderSendReview"></OrderSendReview>
<div slot="footer">
<Button @click="ModalOrder = false">取消</Button>
<Button type="primary" @click="orderSendOk">确定送审</Button>
</div>
</Modal>
<!-- 确定弹框 @on-cancel="cancelModal"-->
<Modal v-model="suModal" :title="mTitle" @on-ok="okModal">
<p>是否全部取消？</p>
</Modal>
</div>
</template> </template>
<script> <script>
import Api from "../api"; import Api from "../api";
import OrderSendReview from '@/components/orderOperator/orderSendReview' import OrderSendReview from "@/components/orderOperator/orderSendReview";
export default { export default {
name:'starOrder', name: "starOrder",
components:{OrderSendReview}, components: { OrderSendReview },
data(){ data() {
return{ return {
checkedflag:false, checkedflag: false,
ModalOrder:false, ModalOrder: false,
suModal:false, suModal: false,
mTitle:'确认弹框', mTitle: "确认弹框",
num:'', num: "",
surMasg:'', surMasg: "",
rules:{ rules: {
question: [ question: [
{ {
required: true, required: true,
message: "请选择问题原因", message: "请选择问题原因",
trigger: "change" trigger: "change"
} }
], ],
useroption: [ useroption: [
{ {
required: true, required: true,
message: "请选择责任人", message: "请选择责任人",
trigger: "change" trigger: "change"
} }
], ]
}, },
orderForm:{ orderForm: {
question:'', question: "",
useroption:'' useroption: ""
}, },
cardlist:[], cardlist: [],
ranglist:[], hegelist: [],
fanlist:[], ranglist: [],
feilist:[], fanlist: [],
problemList:[ feilist: [],
{ problem:"问题描述01" , }, problemList: [
{ problem:"问题描述02" , }, { problem: "问题描述01" },
{ problem:"问题描述03" , }, { problem: "问题描述02" },
], { problem: "问题描述03" }
blameList:[ ],
{ user:"责任人01" , }, blameList: [
{ user:"责任人02" , }, { user: "责任人01" },
{ user:"责任人03" , }, { user: "责任人02" },
], { user: "责任人03" }
]
};
},
created() {
this.loadFun();
},
async fetch({ store, params }) {
await store.dispatch("loadDictionary"); // 加载数据字典
},
mounted() {
window.onresize = () => {
///浏览器窗口大小变化
return (() => {
this.treeHeight = window.innerHeight - 120;
})();
};
},
methods: {
loadFun() {
let pid = this.$route.query.id; // JSON.stringify()
Api.getpaged({ id: pid }).then(res => {
if (res.success) {
let resoult = res.result;
resoult.filter(u => {
u.checked = false;
});
this.cardlist = resoult;
} else {
console.log(res.error);
} }
});
}, },
created() { // 全选
this.loadFun() allcheck() {
let cardslist = this.cardlist;
cardslist.map(a => {
a.checked = true;
});
}, },
async fetch({ store, params }) { // 反选
await store.dispatch("loadDictionary"); // 加载数据字典 rechecked() {
let cardslist = this.cardlist;
cardslist.map(b => {
b.checked = !b.checked;
});
},
// 单选
changeCards(checked, name) {
let lists = this.cardlist;
lists.map((u, i) => {
if (u.id == name) {
u.checked = true;
}
});
},
// 合格 1
chansehege() {
let oldList = this.cardlist;
let indese = [];
oldList.map((u, i) => {
if (u.checked) {
u.productStatus = 1;
this.hegelist.push(u);
}
});
indese = oldList.filter(item => !this.hegelist.includes(item));
this.cardlist = indese;
},
// 让步 3
chanserang() {
let oldList = this.cardlist;
let indese = [];
oldList.map((u, i) => {
if (u.checked) {
u.productStatus = 3;
this.ranglist.push(u);
}
});
indese = oldList.filter(item => !this.ranglist.includes(item));
this.cardlist = indese;
},
// 返修 4
chansefan() {
let oldList = this.cardlist;
let indese = [];
oldList.map((u, i) => {
if (u.checked) {
u.productStatus = 4;
this.fanlist.push(u);
}
});
indese = oldList.filter(item => !this.fanlist.includes(item));
this.cardlist = indese;
},
// 不合格品（报废）2
chansefei() {
let oldList = this.cardlist;
let indese = [];
oldList.map((u, i) => {
if (u.checked) {
u.productStatus = 2;
this.feilist.push(u);
}
});
indese = oldList.filter(item => !this.feilist.includes(item));
this.cardlist = indese;
}, },
mounted() { // 让步关闭
window.onresize = () => { handleClose(event, name) {
///浏览器窗口大小变化 let rangold = this.ranglist;
return (() => { let index = this.ranglist.findIndex(item => {
this.treeHeight = window.innerHeight - 120; return item.id === name;
})(); });
let itemlist = rangold.filter(item => {
if (item.id === name) {
item.productStatus = 0
return item;
}
});
this.ranglist.splice(index, 1);
this.cardlist.splice(0, 0, itemlist[0]);
},
consoleFun(u) {
this.suModal = true;
this.num = u;
},
okModal() {
let unmb = this.num;
if (unmb == 1) {
this.cansolRang();
this.suModal = false;
}
if (unmb == 2) {
this.cansolfan();
this.suModal = false;
}
if (unmb == 3) {
this.cansolfei();
this.suModal = false;
} else {
this.cansolhege();
this.suModal = false;
}
},
cansolhege() {
let hegeplist = this.hegelist;
hegeplist.map(v => {
v.productStatus = 0
this.cardlist.unshift(v);
});
this.hegeplist = [];
},
hegeClose(event, name) {
let hegeold = this.hegelist;
let inde = this.hegelist.findIndex(item => {
return item.id === name;
});
let utemlist = hegeold.filter(utem => {
if (utem.id == name) {
utem.productStatus = 0
return utem;
}
});
this.hegelist.splice(inde, 1);
this.cardlist.splice(0, 0, utemlist[0]);
},
cansolRang() {
let rangblist = this.ranglist;
rangblist.map(v => {
v.productStatus = 0
this.cardlist.unshift(v);
});
this.ranglist = [];
},
fanClose(event, name) {
let fanold = this.fanlist;
let inde = this.fanlist.findIndex(item => {
return item.id === name;
});
let utemlist = fanold.filter(utem => {
if (utem.id == name) {
utem.productStatus = 0
return utem;
}
});
this.fanlist.splice(inde, 1);
this.cardlist.splice(0, 0, utemlist[0]);
},
cansolfan() {
let fanglist = this.fanlist;
fanglist.map(v => {
v.productStatus = 0
this.cardlist.unshift(v);
});
this.fanlist = [];
},
feiClose(event, name) {
let feiold = this.feilist;
let indexed = this.feilist.findIndex(item => {
return item.id === name;
});
let rtemlist = feiold.filter(rtem => {
if (rtem.id == name) {
rtem.productStatus = 0
return rtem;
}
});
this.feilist.splice(indexed, 1);
this.cardlist.splice(0, 0, rtemlist[0]);
},
cansolfei() {
let feipinlist = this.feilist;
feipinlist.map(v => {
v.productStatus = 0
this.cardlist.unshift(v);
});
this.feilist = [];
},
// 提交
submit() {
this.$Message.success("提交中...");
let parmes={
dispatchId: this.$route.query.id,
orderId: this.$route.query.orderId,
list: [
{
"productStatus": 0,
"prodcutIds": [
0
],
"cause": "string",
"reporter": "string"
}
]
}; };
let executeId = this.$route.query.executeId;
console.log()
// Api.submitData().then(res=>{
// })
},
// 送审
sendOrder() {
this.$refs["formValidate"].validate(valid => {
if (valid) {
// this.$Message.success("送审...")
this.ModalOrder = true;
}
});
}, },
methods: { orderSendOk() {
loadFun(){ ahis.$Message.success("送审中...");
let pid = this.$route.query.id // JSON.stringify()
Api.getpaged({id:pid}).then(res=>{
if(res.success){
let resoult = res.result
resoult.filter(u=>{ u.checked = false})
this.cardlist = resoult
}else{
console.log(res.error)
}
})
},
// 全选
allcheck(){
let cardslist = this.cardlist
cardslist.map((a)=>{
a.checked = true
})
},
// 反选
rechecked(){
let cardslist = this.cardlist
cardslist.map((b)=>{ b.checked = !b.checked })
},
// 单选
changeCards(checked,name){
let lists = this.cardlist
lists.map((u,i)=>{
if(u.id==name){ u.checked = true }
})
},
// 让步
chanserang(){
let oldList = this.cardlist
let indese=[]
oldList.map((u,i)=>{
if(u.checked){
this.ranglist.push(u)
}
})
indese = oldList.filter(item => !this.ranglist.includes(item))
this.cardlist = indese
},
// 返工
chansefan(){
let oldList = this.cardlist
let indese=[]
oldList.map((u,i)=>{
if(u.checked){
this.fanlist.push(u)
}
})
indese = oldList.filter(item => !this.fanlist.includes(item))
this.cardlist = indese
},
// 不合格品
chansefei(){
let oldList = this.cardlist
let indese=[]
oldList.map((u,i)=>{
if(u.checked){
this.feilist.push(u)
}
})
indese = oldList.filter(item => !this.feilist.includes(item))
this.cardlist = indese
},
handleClose(event,name){
let rangold = this.ranglist
let index = this.ranglist.findIndex(item => {
return item.id === name;
});
let itemlist = rangold.filter(item => {
if(item.id === name){ return item }
})
this.ranglist.splice(index, 1);
this.cardlist.splice( 0,0, itemlist[0]);
},
consoleFun(u){
this.suModal = true
this.num = u
},
okModal(){
let unmb = this.num
if(unmb==1){
this.cansolRang()
this.suModal = false
}
if(unmb==2){
this.cansolfan()
this.suModal = false
}
if(unmb==3){
this.cansolfei()
this.suModal = false
}
},
cansolRang(){
let rangblist = this.ranglist
rangblist.map(v =>{
this.cardlist.unshift(v);
})
this.ranglist = []
},
fanClose(event,name){
let fanold = this.fanlist
let inde = this.fanlist.findIndex(item => {
return item.id === name;
});
let utemlist = fanold.filter(utem => {
if(utem.id == name){ return utem }
})
this.fanlist.splice(inde, 1);
this.cardlist.splice(0, 0, utemlist[0]);
},
cansolfan(){
let fanglist = this.fanlist
fanglist.map(v =>{
this.cardlist.unshift(v);
})
this.fanlist = []
},
feiClose(event,name){
let feiold = this.feilist
let indexed = this.feilist.findIndex(item => {
return item.id === name;
});
let rtemlist = feiold.filter(rtem => {
if(rtem.id == name){ return rtem }
})
this.feilist.splice(indexed, 1);
this.cardlist.splice(0, 0, rtemlist[0]);
},
cansolfei(){
let feipinlist = this.feilist
feipinlist.map(v =>{
this.cardlist.unshift(v);
})
this.feilist = []
},
// 提交
submit(){
this.$Message.success("提交中...")
},
// 送审
sendOrder(){
this.$refs['formValidate'].validate((valid) => {
if(valid){
// this.$Message.success("送审...")
this.ModalOrder = true
}
})
},
orderSendOk(){
ahis.$Message.success("送审中...")
},
// 取消
toOrder(){
this.$router.push("/produce/orderlist");
},
}, },
} // 取消 返回工单列表
toOrder() {
this.$router.push("/produce/orderlist");
}
}
};
</script> </script>
pages/produce/execute/starOrder/index.vue
View file @ 20adf7bb
<template> <template>
<div class=""> <div class>
<div class="star" v-if="!starmodal"> <div class="star" v-if="!starmodal">
<a class="start" @click="starFun" > <a class="start" @click="starFun">
<Icon type="md-play" /> <Icon type="md-play" />开工
开工</a> </a>
</div> </div>
<div class="star" v-else-if="starmodal"> <div class="star" v-else-if="starmodal">
<div class=" flex fc-b"> <div class="flex fc-b">
<Button class="button" size='large' type="primary"><Icon type="ios-pause" /> 暂停</Button> <Button class="button" size="large" type="primary">
<Button class="button" size='large' type="primary"><Icon type="logo-angular" /> 交检</Button> <Icon type="ios-pause" />暂停
<Button class="button" size='large' type="primary"><Icon type="ios-checkmark-circle-outline" /> 完工</Button> </Button>
<Button class="button" size='large' type="primary"><Icon type="md-swap" /> 转序交接</Button> <Button class="button" size="large" type="primary">
</div> <Icon type="logo-angular" />交检
<div class="star_step"> </Button>
<div class="step_item" v-for="i of 6" :key="i"> <Button class="button" size="large" type="primary">
<p class="icon_A" v-if="i>=4"> <Icon type="ios-checkmark-circle-outline" />完工
<Icon type="md-checkmark-circle" /> </Button>
</p> <Button class="button" size="large" type="primary" @click="transferFn">
<p class="icon_B" v-else> <Icon type="md-swap" />转序交接
<Icon type="md-arrow-dropright-circle" /> </Button>
</p> </div>
<p><a> 开工</a></p> <div class="star_step">
<ul> <div class="step_item" v-for="i of 6" :key="i">
<li>暂停 2020-02-06 15:35</li> <p class="icon_A" v-if="i>=4">
<li>继续 2020-02-06 15:35</li> <Icon type="md-checkmark-circle" />
</ul> </p>
</div> <p class="icon_B" v-else>
<!-- <p><span></span> <Icon type="md-arrow-dropright-circle" />
</p>
<p>
<a>开工</a>
</p>
<ul>
<li>暂停 2020-02-06 15:35</li>
<li>继续 2020-02-06 15:35</li>
</ul>
</div>
<!-- <p><span></span>
2020-02-06 15:35 2020-02-06 15:35
</p> --> </p>-->
<!-- <Steps :current="6"> <!-- <Steps :current="6">
<Step icon="md-arrow-dropright-circle" v-for="i of 6" :key="i" :content="contentMsge"></Step> <Step icon="md-arrow-dropright-circle" v-for="i of 6" :key="i" :content="contentMsge"></Step>
</Steps> --> </Steps>-->
</div> </div>
</div> </div>
<div class="footer_box"> <div class="footer_box">
<div class="ul_box fl"> <div class="ul_box fl">
<ul> <ul>
<li>名称：名称1</li> <li>产品名称：{{entity.productName}}</li>
<li>图号：UIGT-763245</li> <li>图号：{{entity.drawnNumber}}</li>
<li>状态：未开工</li> <li>状态：{{entity.status}}</li>
<li>订单编号：097543346</li> <li>订单编号：{{entity.mesCode}}</li>
<li>订单属性1：</li> <li>批次号：{{entity.batchNumber}}</li>
<li>订单属性2：</li> <li>计划数量：{{entity.quantity}}</li>
<li>订单属性3：</li> <li>节点日期：{{entity.demandFinishDate}}</li>
<li>计划数量：10</li> </ul>
<li>节点日期：2020-02-25</li> </div>
</ul> <div class="ul_box fl">
</div> <ul>
<div class="ul_box fl"> <li>工序名称：{{entity.seqName}}</li>
<ul> <li>工序序号：{{entity.seqNo}}</li>
<li>工序名称：名称1</li> <li>派工数量：{{entity.dispatchQuantity}}</li>
<li>工序序号：UIGT-763245</li> <li>人员信息：{{entity.userNames}}</li>
<li>派工数量：66</li> <li>准备工时：{{entity.setupTime}}</li>
<li>资源名称：23366</li> </ul>
<li>资源编号：986732038</li> </div>
<li>人员信息：</li> <div class="img_box fl" style="background:#DDD">
<li>开始时间：</li> <ViewerImg :images="images" />
<li>结束时间：</li> </div>
<li>单件工时：10</li>
<li>准备工时：2020-02-25</li>
</ul>
</div>
<div class="img_box fl">
图片区
</div>
</div>
</div> </div>
<Modal v-model="ransferModal" :title="transferTitle" width="800" >
<!-- <component :is="detail" :eid="curId" @on-close="cancel" @on-ok="ok" footer-hide/> -->
<p>转序交接</p>
</Modal>
</div>
</template> </template>
<script> <script>
import Api from "../api";
import ApiTech from "../../../technology/productMix/product/api";
export default { export default {
name:'starOrder', name: "starOrder",
data(){ data() {
return{ return {
starmodal: true, starmodal: true,
contentMsge:"<ul><li>暂停 2020-02-06 15:35</li><li>继续 2020-02-06 15:35</li></ul>", downUrl: fileUrlDown,
} contentMsge:
}, "<ul><li>暂停 2020-02-06 15:35</li><li>继续 2020-02-06 15:35</li></ul>",
created() { ransferModal: false,
// this.treeHeight = window.innerHeight - 120; transferTitle: "确认转序",
images: [],
entity: {},
id: Number(this.$route.query.id),
eid: ""
};
},
created() {
// this.treeHeight = window.innerHeight - 120;
},
async fetch({ store, params }) {
await store.dispatch("loadDictionary"); // 加载数据字典
},
mounted() {
this.load(this.id)
window.onresize = () => {
///浏览器窗口大小变化
return (() => {
this.treeHeight = window.innerHeight - 120;
})();
};
},
methods: {
starFun() {
this.$Message.success("开工...");
}, },
async fetch({ store, params }) { transferFn(){
await store.dispatch("loadDictionary"); // 加载数据字典 this.ransferModal = true
}, },
mounted() { load(v) {
window.onresize = () => { let params = {
///浏览器窗口大小变化 id: v
return (() => { };
this.treeHeight = window.innerHeight - 120; Api.orderanddispatchinfos(params)
})(); .then(r => {
}; if (r.success && r.result) {
this.entity = r.result;
if (r.result.productId && r.result.productId > 0) {
ApiTech.get({ id: r.result.productId }).then(res => {
if (res.success && res.result) {
if(res.result.productUrlList&& res.result.productUrlList.length>0)
{
this.eid = res.result.productUrlList;
}
else
{
this.eid=this.$u.guid();
}
//查询上传到文件服务器上的文件
let parms = {
app: "technology",
eid: this.eid,
name: "",
field: ""
};
this.$http.sysUser.getFile(parms).then(res1 => {
if (res1.data != [] && res1.data.length > 0) {
this.images = [];
res1.data.forEach(datas => {
let objImag = {};
objImag.thumbnail=this.downUrl+datas.downloadPath
objImag.source=this.downUrl+datas.downloadPath
this.images.push(objImag)
});
}
});
}
});
}
}
})
.catch(e => {
this.$Message.error("连接错误");
});
}, },
methods: { inited(viewer) {
starFun(){ this.$viewer = viewer;
this.$Message.success("开工...")
},
}, },
} show() {
this.$viewer.show();
}
},
watch:{
images(v){
this.images=v
}
}
};
</script> </script>
pages/produce/orderlist.vue
View file @ 20adf7bb
...@@ -53,6 +53,7 @@ ...@@ -53,6 +53,7 @@
:src="getUrl(row.productUrl)" :src="getUrl(row.productUrl)"
width="120" width="120"
height="120" height="120"
:title="row.productUrl"
style="border:#cacbd0 dashed 1px" style="border:#cacbd0 dashed 1px"
/> />
</Col> </Col>
...@@ -278,7 +279,7 @@ export default { ...@@ -278,7 +279,7 @@ export default {
//返回img需要显示的src值 //返回img需要显示的src值
let tempUrl = ""; let tempUrl = "";
if (url && url.length > 0) { if (url && url.length > 0) {
tempUrl = url; tempUrl = this.downUrl +url;
} else { } else {
tempUrl = iconImg + "noPic_product.png"; tempUrl = iconImg + "noPic_product.png";
} }
...@@ -297,6 +298,7 @@ export default { ...@@ -297,6 +298,7 @@ export default {
// height: 100%; // height: 100%;
// overflow: auto; // overflow: auto;
// padding: 15px 0 15px 15px; // padding: 15px 0 15px 15px;
height: calc(100vh - 110px);
.body { .body {
background: white; background: white;
border-radius: 4px; border-radius: 4px;
......
pages/technology/productMix/product/add.vue
View file @ 20adf7bb
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<Layout> <Layout>
<Sider width="300"> <Sider width="300">
<div class="add-list"> <div class="add-list">
<img :src="img" /> <img :src="downUrl+img" />
</div> </div>
</Sider> </Sider>
<Content> <Content>
...@@ -90,6 +90,7 @@ export default { ...@@ -90,6 +90,7 @@ export default {
levelTitle: "" levelTitle: ""
}, },
downUrl: fileUrlDown,
componaylist: [], componaylist: [],
componaylist: [], componaylist: [],
data2: [], data2: [],
...@@ -133,7 +134,7 @@ export default { ...@@ -133,7 +134,7 @@ export default {
}, },
methods: { methods: {
clickData(data, liUrl) { clickData(data, liUrl) {
this.img = data; this.img = liUrl;
this.entity.productUrl = liUrl; this.entity.productUrl = liUrl;
}, },
handleSelect1(data) { handleSelect1(data) {
......
pages/technology/productMix/product/edit.vue
View file @ 20adf7bb
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<Layout> <Layout>
<Sider width="300"> <Sider width="300">
<div class="add-list"> <div class="add-list">
<img :src="img" /> <img :src="downUrl+img" />
</div> </div>
</Sider> </Sider>
<Content> <Content>
...@@ -69,6 +69,7 @@ export default { ...@@ -69,6 +69,7 @@ export default {
entity: { entity: {
levelTitle: "" levelTitle: ""
}, },
downUrl: fileUrlDown,
componayId: null, componayId: null,
componaylist: [], componaylist: [],
label: "", label: "",
...@@ -116,7 +117,7 @@ export default { ...@@ -116,7 +117,7 @@ export default {
methods: { methods: {
clickData(data, liUrl) { clickData(data, liUrl) {
this.img = data; this.img = liUrl;
this.entity.productUrl = liUrl; this.entity.productUrl = liUrl;
}, },
handleSelect1(data) { handleSelect1(data) {
...@@ -149,6 +150,7 @@ export default { ...@@ -149,6 +150,7 @@ export default {
} }
this.entity = r.result; this.entity = r.result;
this.img = this.entity.productUrl; this.img = this.entity.productUrl;
this.entity.productUrlList=this.parms.eid;
this.componayId = r.result.madeCompany; this.componayId = r.result.madeCompany;
this.$refs.edit.dep = r.result.levelId; this.$refs.edit.dep = r.result.levelId;
this.$refs.edit.label = r.result.levelTitle; this.$refs.edit.label = r.result.levelTitle;
......
pages/technology/productMix/product/index.vue
View file @ 20adf7bb
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
<Row class="row-down"> <Row class="row-down">
<Col span="7"> <Col span="7">
<div class="img-i"> <div class="img-i">
<img :src="row.productUrl" /> <img :src="downUrl +row.productUrl" />
</div> </div>
</Col> </Col>
<Col span="17" class="c"> <Col span="17" class="c">
...@@ -91,6 +91,7 @@ export default { ...@@ -91,6 +91,7 @@ export default {
modal: false, modal: false,
title: "新增", title: "新增",
detail: null, detail: null,
downUrl: fileUrlDown,
curId: 0, curId: 0,
columns: [ columns: [
{ {
......
pages/technology/search.vue
View file @ 20adf7bb
<template> <template>
<Form ref="form" :model="condition" :label-width="100"> <Form ref="form" :model="condition" :label-width="100">
<Row> <Row>
<Col :span="12" v-if="condition.id.show">
<FormItem :label="编号" prop="id">
<Input v-model="condition.id.value"></Input>
</FormItem>
</Col>
<Col :span="12" v-if="condition.classId.show"> <Col :span="12" v-if="condition.classId.show">
<FormItem :label="l('classId')" prop="classId"> <FormItem :label="l('classId')" prop="classId">
<Input v-model="condition.classId.value"></Input> <Input v-model="condition.classId.value"></Input>
...@@ -151,6 +156,7 @@ export default { ...@@ -151,6 +156,7 @@ export default {
condition: { condition: {
creationTime: { op: "Range", value: null, show: true }, creationTime: { op: "Range", value: null, show: true },
creatorUserId: { op: "Equal", value: null, show: true }, creatorUserId: { op: "Equal", value: null, show: true },
id: { op: "Equal", value: null, show: true },
lastModificationTime: { op: "Range", value: null, show: true }, lastModificationTime: { op: "Range", value: null, show: true },
lastModifierUserId: { op: "Equal", value: null, show: true }, lastModifierUserId: { op: "Equal", value: null, show: true },
classId: { op: "Equal", value: null, show: false }, classId: { op: "Equal", value: null, show: false },
......
pages/test/viewer.vue 0 → 100644
View file @ 20adf7bb
<template>
<div>
<viewer :options="options" :images="images" @inited="inited" class="viewer" ref="viewer">
<template slot-scope="scope">
<figure class="images">
<div
class="image-wrapper"
v-for="{source, thumbnail} in scope.images"
:key="source"
>
<img
class="image"
:src="thumbnail"
:data-source="source"
:alt="source.split('?image=').pop()"
/>
</div>
</figure>
</template>
</viewer>
</div>
</template>
<script>
export default {
data() {
return {
options: {
inline: true,
button: true,
navbar: true,
title: false,
toolbar: true,
tooltip: true,
movable: true,
zoomable: true,
rotatable: true,
scalable: true,
transition: true,
fullscreen: true,
keyboard: true,
url: "data-source"
},
// images: [...sourceImages].splice(0, 5)
images: [
{
thumbnail: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1591269122489&di=451a44399616dbbdd4715c516122d88b&imgtype=0&src=http%3A%2F%2Fa3.att.hudong.com%2F14%2F75%2F01300000164186121366756803686.jpg",
source: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1591269122489&di=451a44399616dbbdd4715c516122d88b&imgtype=0&src=http%3A%2F%2Fa3.att.hudong.com%2F14%2F75%2F01300000164186121366756803686.jpg"
},
{
thumbnail: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1591269122489&di=ed7471e3ffd2cd33ebd12d915a002070&imgtype=0&src=http%3A%2F%2Fa0.att.hudong.com%2F64%2F76%2F20300001349415131407760417677.jpg",
source: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1591269122489&di=ed7471e3ffd2cd33ebd12d915a002070&imgtype=0&src=http%3A%2F%2Fa0.att.hudong.com%2F64%2F76%2F20300001349415131407760417677.jpg"
},
{
thumbnail: "https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2631377660,2065981666&fm=26&gp=0.jpg",
source: "https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2631377660,2065981666&fm=26&gp=0.jpg"
},
{
thumbnail: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1591269201766&di=461437985d347920db7998b8c6e432aa&imgtype=0&src=http%3A%2F%2F7.tjoys.net%2Fslh_qn_item2_2015_12_30_292_kanazuw3cfwjawqxrjhhisokzhijnn98.jpeg",
source: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1591269201766&di=461437985d347920db7998b8c6e432aa&imgtype=0&src=http%3A%2F%2F7.tjoys.net%2Fslh_qn_item2_2015_12_30_292_kanazuw3cfwjawqxrjhhisokzhijnn98.jpeg"
},
{
thumbnail: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1591269122489&di=451a44399616dbbdd4715c516122d88b&imgtype=0&src=http%3A%2F%2Fa3.att.hudong.com%2F14%2F75%2F01300000164186121366756803686.jpg",
source: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1591269122489&di=451a44399616dbbdd4715c516122d88b&imgtype=0&src=http%3A%2F%2Fa3.att.hudong.com%2F14%2F75%2F01300000164186121366756803686.jpg"
},
{
thumbnail: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1591269122489&di=ed7471e3ffd2cd33ebd12d915a002070&imgtype=0&src=http%3A%2F%2Fa0.att.hudong.com%2F64%2F76%2F20300001349415131407760417677.jpg",
source: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1591269122489&di=ed7471e3ffd2cd33ebd12d915a002070&imgtype=0&src=http%3A%2F%2Fa0.att.hudong.com%2F64%2F76%2F20300001349415131407760417677.jpg"
},
{
thumbnail: "https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2631377660,2065981666&fm=26&gp=0.jpg",
source: "https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2631377660,2065981666&fm=26&gp=0.jpg"
},
{
thumbnail: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1591269201766&di=461437985d347920db7998b8c6e432aa&imgtype=0&src=http%3A%2F%2F7.tjoys.net%2Fslh_qn_item2_2015_12_30_292_kanazuw3cfwjawqxrjhhisokzhijnn98.jpeg",
source: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1591269201766&di=461437985d347920db7998b8c6e432aa&imgtype=0&src=http%3A%2F%2F7.tjoys.net%2Fslh_qn_item2_2015_12_30_292_kanazuw3cfwjawqxrjhhisokzhijnn98.jpeg"
},
{
thumbnail: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1591269122489&di=451a44399616dbbdd4715c516122d88b&imgtype=0&src=http%3A%2F%2Fa3.att.hudong.com%2F14%2F75%2F01300000164186121366756803686.jpg",
source: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1591269122489&di=451a44399616dbbdd4715c516122d88b&imgtype=0&src=http%3A%2F%2Fa3.att.hudong.com%2F14%2F75%2F01300000164186121366756803686.jpg"
},
{
thumbnail: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1591269122489&di=ed7471e3ffd2cd33ebd12d915a002070&imgtype=0&src=http%3A%2F%2Fa0.att.hudong.com%2F64%2F76%2F20300001349415131407760417677.jpg",
source: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1591269122489&di=ed7471e3ffd2cd33ebd12d915a002070&imgtype=0&src=http%3A%2F%2Fa0.att.hudong.com%2F64%2F76%2F20300001349415131407760417677.jpg"
},
{
thumbnail: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1591269122489&di=ed7471e3ffd2cd33ebd12d915a002070&imgtype=0&src=http%3A%2F%2Fa0.att.hudong.com%2F64%2F76%2F20300001349415131407760417677.jpg",
source: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1591269122489&di=ed7471e3ffd2cd33ebd12d915a002070&imgtype=0&src=http%3A%2F%2Fa0.att.hudong.com%2F64%2F76%2F20300001349415131407760417677.jpg"
},
]
};
},
computed: {},
methods: {
inited(viewer) {
this.$viewer = viewer;
},
}
};
</script>
<style lang="less" scoped>
.viewer {
height: 100%;
.images {
height: 100%;
display: flex;
justify-content: center;
align-content: center;
align-items: center;
flex-wrap: wrap;
padding: 5px;
.image-wrapper {
display: inline-block;
width: calc(10% - 20px);
margin: 5px 5px 0 5px;
.image {
width: 100%;
cursor: pointer;
display: inline-block;
}
}
}
}
</style>
\ No newline at end of file
plugins/iview.js
View file @ 20adf7bb
...@@ -14,6 +14,12 @@ import iViewPro from '../iview-pro/src/index.js'; ...@@ -14,6 +14,12 @@ import iViewPro from '../iview-pro/src/index.js';
import '@/libs/iview-pro/iview-pro.css'; import '@/libs/iview-pro/iview-pro.css';
import '@/styles/index.less'; import '@/styles/index.less';
import 'viewerjs/dist/viewer.css'
import Viewer from 'v-viewer'
import Tools from '@/components/page/tool.vue' import Tools from '@/components/page/tool.vue'
import State from '@/components/page/state.vue' import State from '@/components/page/state.vue'
import Dictionary from '@/components/page/dictionary.vue' import Dictionary from '@/components/page/dictionary.vue'
...@@ -48,6 +54,7 @@ import DTSpan from '@/components/page/dtSpan.vue' ...@@ -48,6 +54,7 @@ import DTSpan from '@/components/page/dtSpan.vue'
import DTSearch from '@/components/page/dtSearch.vue' import DTSearch from '@/components/page/dtSearch.vue'
import InputTime from '@/components/page/inputTime.vue' import InputTime from '@/components/page/inputTime.vue'
import OutputTime from '@/components/page/outputTime.vue' import OutputTime from '@/components/page/outputTime.vue'
import ViewerImg from '@/components/page/viewer.vue'
// import FormMaking from 'form-making' // import FormMaking from 'form-making'
// import 'form-making/dist/FormMaking.css' // import 'form-making/dist/FormMaking.css'
...@@ -61,6 +68,11 @@ import echarts from 'echarts' ...@@ -61,6 +68,11 @@ import echarts from 'echarts'
// lang: 'zh-CN' // lang: 'zh-CN'
// }) // })
Vue.use(VueEditor) Vue.use(VueEditor)
Vue.use(Viewer)
Viewer.setDefaults({
zIndexInline: 2017
})
// Vue.use(Element, { // Vue.use(Element, {
// size: 'small', // size: 'small',
// zIndex: 3000 // zIndex: 3000
...@@ -102,6 +114,8 @@ Vue.component("DTSpan", DTSpan) ...@@ -102,6 +114,8 @@ Vue.component("DTSpan", DTSpan)
Vue.component("DTSearch", DTSearch) Vue.component("DTSearch", DTSearch)
Vue.component("InputTime", InputTime) Vue.component("InputTime", InputTime)
Vue.component("OutputTime", OutputTime) Vue.component("OutputTime", OutputTime)
Vue.component("ViewerImg", ViewerImg)
//注入mock //注入mock
// require("../mock") // require("../mock")
......
static/config.js
View file @ 20adf7bb
...@@ -13,6 +13,7 @@ window.systemUrl = `http://${address}:10000/system`; //System-api 系统管理 ...@@ -13,6 +13,7 @@ window.systemUrl = `http://${address}:10000/system`; //System-api 系统管理
window.authUrl = `http://${address}:10010`; //Authentication-api //统一登陆认证 window.authUrl = `http://${address}:10010`; //Authentication-api //统一登陆认证
window.designUrl = `http://${address}:10000/process`; // 工艺规程 window.designUrl = `http://${address}:10000/process`; // 工艺规程
window.PlanUrl = `http://${address}:10000/plan`; //订单 window.PlanUrl = `http://${address}:10000/plan`; //订单
// window.PlanUrl = `http://localhost:10050/api/services/app`; //Process-api
window.bugUrl = `http://${address}:10000/bug`; //bug window.bugUrl = `http://${address}:10000/bug`; //bug
window.fileUrl = `http://${address}:10080/fileServer`; //文件上传url window.fileUrl = `http://${address}:10080/fileServer`; //文件上传url
window.fileUrlDown = `http://${address}`; //文件下载url window.fileUrlDown = `http://${address}`; //文件下载url
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment