yxt_develop
/
anrui
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

完善仓库管理

zhanglei
yunuo970428 3 months ago
parent
acd67575fc
commit
fb947355d4
3 changed files with 557 additions and 776 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 529
      yxt-as-ui/src/views/warehouse/warehouse/index.vue
  2. 576
      yxt-as-ui/src/views/warehouse/warehouse/warehouseAdd.vue
  3. 228
      yxt-as-ui/src/views/warehouse/warehouse/warehouseInfo.vue

529
yxt-as-ui/src/views/warehouse/warehouse/index.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div v-show="viewState == 1"> <div v-show="viewState == 1">
<button-bar ref="btnbar" view-title="仓库列表" :btndisabled="btndisabled" @btnhandle="btnHandle" /> <button-bar ref="btnbar" view-title="仓库列表" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
<div class="main-content"> <div class="main-content">
<div class="searchcon"> <div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow"> <el-button size="small" class="searchbtn" @click="clicksearchShow">
@ -11,20 +11,18 @@
<el-form :inline="true" class="tab-header"> <el-form :inline="true" class="tab-header">
<el-form-item label="仓库类型"> <el-form-item label="仓库类型">
<el-select v-model="queryParams.params.warehouseTypeValue" placeholder="请选择仓库类型"> <el-select v-model="queryParams.params.warehouseTypeValue" placeholder="请选择仓库类型">
<el-option v-for="item in warehouseTypeList" :key="item.dictValue" :label="item.dictValue" <el-option v-for="item in warehouseTypeList" :key="item.dictValue" :label="item.dictValue" :value="item.dictValue"/>
:value="item.dictValue" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="仓库名称"> <el-form-item label="仓库名称">
<el-input v-model="queryParams.params.name" placeholder="" clearable /> <el-input v-model="queryParams.params.name" placeholder="" clearable/>
</el-form-item> </el-form-item>
<el-form-item label="仓库编码"> <el-form-item label="仓库编码">
<el-input v-model="queryParams.params.code" placeholder="" clearable /> <el-input v-model="queryParams.params.code" placeholder="" clearable/>
</el-form-item> </el-form-item>
<el-form-item label="仓库地址"> <el-form-item label="仓库地址">
<el-input v-model="queryParams.params.address" placeholder="" clearable /> <el-input v-model="queryParams.params.address" placeholder="" clearable/>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="btn" style="text-align: center;"> <div class="btn" style="text-align: center;">
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button> <el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
@ -39,315 +37,294 @@
<!-- End 项目列表头部 --> <!-- End 项目列表头部 -->
<!-- Start 项目列表 --> <!-- Start 项目列表 -->
<div class=""> <div class="">
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" <el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" @selection-change="selectionLineChangeHandle">
@selection-change="selectionLineChangeHandle"> <el-table-column fixed width="50" type="selection" align="center"/>
<el-table-column fixed width="50" type="selection" align="center" /> <el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column label="操作" align="center" width="100"> <el-table-column label="操作" align="center" width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">详情</el-button> <el-button type="primary" size="mini" @click="toRelevancy(scope.row)">详情</el-button>
<!-- <el-button type="primary" size="mini" @click="toRelevancy(scope.row)">编辑</el-button> -->
<!-- <el-button type="primary" size="mini" @click="toRelevancyInfo(scope.row)">删除</el-button> -->
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="是否可用" align="center" width="140"> <el-table-column label="是否可用" align="center" width="140">
<template slot-scope="scope"> <template slot-scope="scope">
<el-switch v-model="scope.row.usageStatus" active-text="是" inactive-text="否" active-value="1" <el-switch v-model="scope.row.usageStatus" active-text="是" inactive-text="否" active-value="1" inactive-value="0" @change="enableChange(scope.row.sid,scope.row.usageStatus)"/>
inactive-value="0" @change="enableChange(scope.row.sid,scope.row.usageStatus)" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="warehouseTypeValue" label="仓库类型" align="center" /> <el-table-column prop="warehouseTypeValue" label="仓库类型" align="center"/>
<el-table-column prop="warehouseName" label="仓库名称" align="center" /> <el-table-column prop="warehouseName" label="仓库名称" align="center"/>
<el-table-column prop="warehouseCode" label="仓库编码" align="center" /> <el-table-column prop="warehouseCode" label="仓库编码" align="center"/>
<el-table-column prop="manager" label="仓库主管" align="center" /> <el-table-column prop="manager" label="仓库主管" align="center"/>
<!-- <el-table-column prop="telephone" label="联系电话" align="center" /> --> <el-table-column prop="squareMeter" label="占地面积" align="center"/>
<el-table-column prop="squareMeter" label="占地面积" align="center" /> <el-table-column prop="address" label="仓库地址" align="center"/>
<el-table-column prop="address" label="仓库地址" align="center" /> <el-table-column prop="sortNo" label="排序" align="center"/>
<el-table-column prop="sortNo" label="排序" align="center" /> <el-table-column prop="deptName" label="隶属部门 " align="center"/>
<el-table-column prop="deptName" label="隶属部门 " align="center" /> <el-table-column prop="createOrgName" label="分公司 " align="center"/>
<el-table-column prop="createOrgName" label="分公司 " align="center" />
</el-table> </el-table>
</div> </div>
<!-- End 项目列表 --> <!-- End 项目列表 -->
<div class="pages"> <div class="pages">
<div class="tit" /> <div class="tit"/>
<!-- 翻页 --> <!-- 翻页 -->
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" <pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList"/>
:limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
</div> </div>
</div> </div>
</div> </div>
<!-- End 查询和其列表部分 --> <!-- End 查询和其列表部分 -->
<!-- 新增修改部分组件 --> <!-- 新增修改部分组件 -->
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" /> <divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList"/>
<divInfo v-show="viewState == 4" ref="divinfo" @doback="resetState" @reloadlist="loadList" /> <divInfo v-show="viewState == 4" ref="divinfo" @doback="resetState" @reloadlist="loadList"/>
</div> </div>
</template> </template>
<script> <script>
import req from '@/api/warehouse/warehouse.js' import req from '@/api/warehouse/warehouse.js'
import ButtonBar from '@/components/ButtonBar' import ButtonBar from '@/components/ButtonBar'
import Pagination from '@/components/pagination' import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye' import divAdd from './warehouseAdd.vue'
import divAdd from './warehouseAdd.vue' import divInfo from './warehouseInfo.vue'
import divInfo from './warehouseInfo.vue' import { getTypeValueList } from '@/api/Common/dictcommons.js'
import {
typeValues, export default {
} from '@/api/Common/dictcommons.js' components: {
export default { ButtonBar,
components: { Pagination,
ButtonBar, divAdd,
Pagination, divInfo
pageye, },
divAdd, data() {
divInfo return {
}, btndisabled: false,
data() { viewState: 1, // 1、列表 2、添加 3、修改 4、查看
return { isSearchShow: false,
btndisabled: false, searchxianshitit: '显示查询条件',
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 tableLoading: false,
isSearchShow: false, dataList: [],
searchxianshitit: '显示查询条件', btnList: [
tableLoading: false, {
dataList: [], type: 'primary',
btnList: [{ size: 'small',
type: 'primary', icon: 'plus',
size: 'small', btnKey: 'toAdd',
icon: 'plus', btnLabel: '新增'
btnKey: 'toAdd', },
btnLabel: '新增' {
}, type: 'primary',
{ size: 'small',
type: 'primary', icon: 'plus',
size: 'small', btnKey: 'toEdit',
icon: 'plus', btnLabel: '编辑'
btnKey: 'toEdit', },
btnLabel: '编辑' {
}, type: 'danger',
{ size: 'small',
type: 'danger', icon: 'plus',
size: 'small', btnKey: 'doDel',
icon: 'plus', btnLabel: '删除'
btnKey: 'doDel',
btnLabel: '删除'
},
{
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}
],
queryParams: {
current: 1,
size: 10,
total: 0,
params: {
warehouseTypeValue: "",
name: '',
code: "",
address: ""
}
}, },
sids: [], {
selectionList: [], type: 'info',
warehouseTypeList: [], size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}
],
queryParams: {
current: 1,
size: 10,
total: 0,
params: {
warehouseTypeValue: '',
name: '',
code: '',
address: '',
orgPath: '',
menuUrl: '',
userSid: ''
}
},
sids: [],
selectionList: [],
warehouseTypeList: []
}
},
mounted() {
this.$refs['btnbar'].setButtonList(this.btnList)
},
created() {
this.loadList()
getTypeValueList({ type: 'warehouse', groupNum: 'shfw' }).then(resp => {
if (resp.success) {
this.warehouseTypeList = resp.data
} }
})
},
methods: {
selectionLineChangeHandle(val) {
this.selectionList = val
const aa = []
val.forEach(element => {
aa.push(element.sid)
})
this.sids = aa
}, },
mounted() { // 搜索条件效果
this.$refs['btnbar'].setButtonList(this.btnList) clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
}, },
created() { btnHandle(btnKey) {
this.loadList() switch (btnKey) {
case 'toAdd':
var params = { this.toAdd()
type: "warehouse", break
psid: '0' case 'toEdit':
this.toEdit()
break
case 'doDel':
this.doDel()
break
case 'doClose':
this.doClose()
break
default:
break
} }
typeValues(params).then(resp => {
console.log('>>>>>>>>>typeValues', resp)
this.warehouseTypeList = resp.data
}).catch(() => {})
}, },
methods: { loadList() {
selectionLineChangeHandle(val) { this.tableLoading = true
console.log("val", val); this.queryParams.params.userSid = window.sessionStorage.getItem('userSid')
this.queryParams.params.orgPath = window.sessionStorage.getItem('defaultOrgPath')
this.selectionList = val this.queryParams.params.menuUrl = this.$route.path
req.listPage(this.queryParams).then((resp) => {
const aa = [] this.tableLoading = false
val.forEach(element => { if (resp.success) {
aa.push(element.sid) const data = resp.data
}) this.queryParams.total = data.total
this.sids = aa this.dataList = data.records
},
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else { } else {
this.searchxianshitit = '显示查询条件' // 根据resp.code进行异常情况处理
this.dataList = []
this.queryParams.total = 0
} }
}, }).catch(() => {
btnHandle(btnKey) { this.tableLoading = false
switch (btnKey) { })
case 'toAdd': },
this.toAdd()
break // 序号
case 'toEdit': indexMethod(index) {
this.toEdit() var pagestart = (this.queryParams.current - 1) * this.queryParams.size
break var pageindex = index + 1 + pagestart
case 'doDel': return pageindex
this.doDel() },
break dosearch() {
case 'doClose': this.queryParams.current = 1
this.doClose() this.loadList()
break },
default: resetQuery() {
break this.queryParams = {
current: 1,
size: 10,
total: 0,
params: {
warehouseTypeValue: '',
name: '',
code: '',
address: '',
orgPath: '',
menuUrl: '',
userSid: ''
} }
}, }
loadList() { this.loadList()
this.tableLoading = true },
this.queryParams.params.userSid = window.sessionStorage.getItem('userSid') toAdd() {
this.queryParams.params.orgPath = window.sessionStorage.getItem('defaultOrgPath') this.viewState = 2
this.queryParams.params.menuUrl = this.$route.path this.$refs['divadd'].showAdd()
req.listPage(this.queryParams).then((resp) => { },
this.tableLoading = false toEdit() {
if (resp.success) { if (this.selectionList.length !== 1) {
const data = resp.data this.$message({
this.queryParams.total = data.total type: 'warning',
this.dataList = data.records message: '请选择一条数据。',
} else { showClose: true
// 根据resp.code进行异常情况处理 })
this.dataList = [] return
this.queryParams.total = 0 }
} this.viewState = 3
this.$refs['divadd'].showEdit(this.selectionList[0])
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
},
toRelevancy(row) {
this.viewState = 4
this.$refs['divinfo'].showEdit(row)
},
doDel() {
if (this.sids.length > 0) {
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
this.$confirm(tip, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
req.deleteBySids(this.sids).then((resp) => {
loading.close()
if (resp.success) {
this.$message({
type: 'success',
message: resp.msg,
showClose: true
})
this.loadList()
} else {
// 根据resp.code进行异常情况处理
}
}).catch(e => {
loading.close()
})
}).catch(() => { }).catch(() => {
this.tableLoading = false
}) })
}, } else {
this.$message({
// 序号 showClose: true,
indexMethod(index) { message: '请至少选择一条记录进行删除操作'
var pagestart = (this.queryParams.current - 1) * this.queryParams.size })
var pageindex = index + 1 + pagestart }
return pageindex },
}, resetState() {
dosearch() { this.viewState = 1
this.queryParams.current = 1 this.loadList()
this.loadList() },
}, enableChange(sid, state) {
resetQuery() { req.updateIsEnable(sid, state).then((resp) => {
this.queryParams = { if (resp.success) {
current: 1,
size: 10,
total: 0,
params: {
warehouseTypeValue: "",
name: '',
code: "",
address: ""
}
}
this.loadList()
},
toAdd() {
this.viewState = 2
this.$refs['divadd'].showAdd()
},
toEdit() {
if (this.selectionList.length != 1) {
this.$message({ this.$message({
type: 'warning', type: 'success',
message: "请选择一条数据。", message: '状态已更新',
showClose: true showClose: true
}) })
return } else { // 根据resp.code进行异常情况处理
} }
}).catch(e => {
this.viewState = 3 console.log(e)
this.$refs['divadd'].showEdit(this.selectionList[0]) })
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
},
toRelevancy(row) {
this.viewState = 4
this.$refs['divinfo'].showEdit(row)
},
doDel() {
if (this.sids.length > 0) {
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
this.$confirm(tip, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
req.deleteBySids(this.sids).then((resp) => {
loading.close()
if (resp.success) {
this.$message({
type: 'success',
message: resp.msg,
showClose: true
})
this.loadList()
} else {
// 根据resp.code进行异常情况处理
}
}).catch(e => {
loading.close()
})
}).catch(() => {})
} else {
this.$message({
showClose: true,
message: '请至少选择一条记录进行删除操作'
})
}
},
resetState() {
this.viewState = 1
this.loadList()
},
enableChange(sid, state) {
console.log('sid', sid)
console.log('state', state)
req.updateIsEnable(sid, state).then((resp) => {
if (resp.success) {
this.$message({
type: 'success',
message: '状态已更新',
showClose: true
})
} else { // 根据resp.code进行异常情况处理
}
}).catch(e => {
console.log(e)
})
},
} }
} }
}
</script> </script>
<style scoped> <style scoped>
</style> </style>

576
yxt-as-ui/src/views/warehouse/warehouse/warehouseAdd.vue
View File

@ -1,114 +1,76 @@
<template> <template>
<div> <div>
<div class="tab-header webtop"> <div class="tab-header webtop">
<!-- 标题 -->
<div>仓库信息</div> <div>仓库信息</div>
<!-- start 添加修改按钮 -->
<div> <div>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button> <el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div> </div>
<!-- end 添加修改按钮 -->
<!-- end 详情按钮 -->
</div> </div>
<div class="listconadd"> <div class="listconadd">
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02"> <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
<el-row class="first_row"> <el-row class="first_row">
<el-col :span="8"> <el-col :span="8">
<div class="span-sty">仓库编码</div> <div class="span-sty">仓库编码</div>
<el-form-item prop="warehouseCode"> <el-form-item prop="warehouseCode">
<span class="addinputw addinputInfo">{{formobj.warehouseCode}}</span> <span class="addinputw addinputInfo">{{ formobj.warehouseCode }}</span>
<!-- <el-input v-model="formobj.warehouseCode" placeholder="仓库编码" class="addinputw addinputInfo" clearable
oninput="value=value.replace(/[^A-Za-z0-9]/g, '')" /> -->
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="16"> <el-col :span="16">
<div class="span-sty"><span class="must">*</span> 仓库类型</div> <div class="span-sty"><span class="must">*</span> 仓库类型</div>
<el-form-item prop="warehouseTypeValue"> <el-form-item prop="warehouseTypeValue">
<el-select v-model="formobj.warehouseTypeValue" placeholder="请选择仓库类型" class="addinputw addinputInfo" <el-select v-model="formobj.warehouseTypeValue" placeholder="请选择仓库类型" class="addinputw addinputInfo" @change="selectWarehouseTypeChange">
@change="selectWarehouseTypeChange"> <el-option v-for="item in warehouseTypeList" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
<el-option v-for="item in warehouseTypeList" :key="item.dictKey" :label="item.dictValue"
:value="item.dictKey" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<div class="span-sty"><span class="must">*</span> 仓库名称</div> <div class="span-sty"><span class="must">*</span> 仓库名称</div>
<el-form-item prop="warehouseName"> <el-form-item prop="warehouseName">
<el-input v-model="formobj.warehouseName" placeholder="按配件所属车辆品牌命名" class="addinputw addinputInfo" <el-input v-model="formobj.warehouseName" placeholder="按配件所属车辆品牌命名" class="addinputw addinputInfo" clearable/>
clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="span-sty">仓库面积</div> <div class="span-sty">仓库面积</div>
<el-form-item> <el-form-item>
<el-input v-model="formobj.squareMeter" placeholder="仓库面积" class="addinputw addinputInfo" clearable <el-input v-model="formobj.squareMeter" placeholder="仓库面积" class="addinputw addinputInfo" clearable oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')"/>
oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="span-sty"><span class="must">*</span> 仓库管理员</div> <div class="span-sty"><span class="must">*</span> 仓库管理员</div>
<el-form-item> <el-form-item>
<el-form-item prop="manager"> <el-form-item prop="manager">
<el-select v-model="formobj.manager" placeholder="请选择仓库管理员" class="addinputw addinputInfo" <el-select v-model="formobj.manager" placeholder="请选择仓库管理员" class="addinputw addinputInfo" @change="selectManager">
@change="selectManager"> <el-option v-for="item in managerList" :key="item.sid" :label="item.name" :value="item.sid"/>
<el-option v-for="item in managerList" :key="item.sid" :label="item.name" :value="item.sid" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- <el-input v-model="formobj.manager" placeholder="仓库管理员" class="addinputw addinputInfo" clearable /> -->
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<div class="span-sty">仓库地址</div> <div class="span-sty">仓库地址</div>
<el-form-item> <el-form-item>
<el-input v-model="formobj.address" placeholder="仓库地址" class="addinputw addinputInfo" clearable /> <el-input v-model="formobj.address" placeholder="仓库地址" class="addinputw addinputInfo" clearable/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<div class="span-sty">经度</div> <div class="span-sty">经度</div>
<el-form-item> <el-form-item>
<el-input v-model="formobj.longitude" placeholder="经度" class="addinputw addinputInfo" clearable <el-input v-model="formobj.longitude" placeholder="经度" class="addinputw addinputInfo" clearable oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')"/>
oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="16"> <el-col :span="16">
<div class="span-sty">纬度</div> <div class="span-sty">纬度</div>
<el-form-item> <el-form-item>
<el-input v-model="formobj.latitude" placeholder="纬度" class="addinputw addinputInfo" clearable <el-input v-model="formobj.latitude" placeholder="纬度" class="addinputw addinputInfo" clearable oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')"/>
oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<!-- <el-row> <!-- <el-row>
<el-col :span="8"> <el-col :span="8">
@ -134,347 +96,257 @@
</el-col> </el-col>
</el-row> --> </el-row> -->
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<div class="span-sty"><span class="must">*</span> 排序</div> <div class="span-sty"><span class="must">*</span> 排序</div>
<el-form-item prop="sortNo"> <el-form-item prop="sortNo">
<el-input v-model="formobj.sortNo" placeholder="排序" class="addinputw addinputInfo" clearable <el-input v-model="formobj.sortNo" placeholder="排序" class="addinputw addinputInfo" clearable oninput="value=value.replace(/^(0+)|[^\d]+/g,'')"/>
oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="16"> <el-col :span="16">
<div class="span-sty"><span class="must">*</span> 使用状态</div> <div class="span-sty"><span class="must">*</span> 使用状态</div>
<el-form-item prop="usageStatus"> <el-form-item prop="usageStatus">
<el-radio-group v-model="formobj.usageStatus" size="small" @change="changeTheme" <el-radio-group v-model="formobj.usageStatus" size="small" class="addinputw addinputInfo">
class="addinputw addinputInfo">
<el-radio :label="'1'">正常</el-radio> <el-radio :label="'1'">正常</el-radio>
<el-radio :label="'0'">停用</el-radio> <el-radio :label="'0'">停用</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<div class="span-sty">备注</div> <div class="span-sty">备注</div>
<el-form-item> <el-form-item>
<el-input v-model="formobj.remarks" placeholder="备注" class="addinputw addinputInfo" clearable /> <el-input v-model="formobj.remarks" placeholder="备注" class="addinputw addinputInfo" clearable/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import req from '@/api/warehouse/warehouse.js' import req from '@/api/warehouse/warehouse.js'
import { import {
typeValues, getTypeValueList,
getOrgSidByPath getOrgSidByPath
} from '@/api/Common/dictcommons.js' } from '@/api/Common/dictcommons.js'
export default {
components: {}, export default {
data() { components: {},
return { data() {
submitdisabled: false, return {
formobj: { submitdisabled: false,
sid: '', formobj: {
warehouseName: '', sid: '',
warehouseCode: '由系统自动生成', warehouseName: '',
warehouseTypeKey: '', warehouseCode: '由系统自动生成',
warehouseTypeValue: '', warehouseTypeKey: '',
contacts: "", warehouseTypeValue: '',
mob: "", contacts: '',
telephone: "", mob: '',
manager: '', telephone: '',
managerSid: '', manager: '',
longitude: '', managerSid: '',
latitude: '', longitude: '',
usageStatus: "1", latitude: '',
address: '', usageStatus: '1',
squareMeter: '', address: '',
sortNo: '', squareMeter: '',
remarks: '', sortNo: '',
warehouseType: "0", remarks: '',
useOrgSid: window.sessionStorage.getItem('departmentSid'), warehouseType: '0',
orgPath: window.sessionStorage.getItem('defaultOrgPath'), useOrgSid: window.sessionStorage.getItem('departmentSid'),
createOrgSid: window.sessionStorage.getItem('orgSid'), orgPath: window.sessionStorage.getItem('defaultOrgPath'),
userSid: window.sessionStorage.getItem('userSid'), createOrgSid: window.sessionStorage.getItem('orgSid'),
}, userSid: window.sessionStorage.getItem('userSid')
warehouseTypeList: [], },
managerList: [], warehouseTypeList: [],
rules: { managerList: [],
warehouseName: [{ rules: {
required: true, warehouseName: [{ required: true, message: '仓库名称不能为空', trigger: 'blur' }],
message: '仓库名称不能为空', sortNo: [{ required: true, message: '排序不能为空', trigger: 'blur' }],
trigger: 'blur' usageStatus: [{ required: true, message: '请选择使用状态', trigger: 'change' }],
}], manager: [{ required: true, message: '请选择仓库管理员', trigger: 'change' }],
sortNo: [{ warehouseTypeValue: [{ required: true, message: '请选择仓库类型', trigger: 'change' }]
required: true,
message: '排序不能为空',
trigger: 'blur'
}],
usageStatus: [{
required: true,
message: '请选择使用状态',
trigger: 'change'
}],
manager: [{
required: true,
message: '请选择仓库管理员',
trigger: 'change'
}],
warehouseTypeValue: [{
required: true,
message: '请选择仓库类型',
trigger: 'change'
}],
}
} }
}
},
methods: {
selectManager(val) {
const choose = this.managerList.filter((item) => item.sid === val)
console.log('>>>>>>>>>selectWarehouseTypeChange', choose)
this.formobj.manager = choose[0].name
this.formobj.managerSid = choose[0].sid
}, },
created() { getDictValue() {
getTypeValueList({ type: 'warehouse', groupNum: 'shfw' }).then(resp => {
}, if (resp.success) {
methods: {
changeTheme(val) {
},
selectManager(val) {
const choose = this.managerList.filter((item) => item.sid == val)
console.log('>>>>>>>>>selectWarehouseTypeChange', choose)
this.formobj.manager = choose[0].name
this.formobj.managerSid = choose[0].sid
},
getDictValue() {
var params = {
type: "warehouse",
psid: '0'
}
typeValues(params).then(resp => {
console.log('>>>>>>>>>typeValues', resp)
this.warehouseTypeList = resp.data this.warehouseTypeList = resp.data
}).catch(() => {})
getOrgSidByPath({
orgPath: window.sessionStorage.getItem('defaultOrgPath')
}).then((res) => {
if (res.success) {
this.formobj.createOrgSid = res.data
}
})
req.selMangerByRole({
useOrgSid: window.sessionStorage.getItem('departmentSid')
})
.then(resp => {
if (resp.success) {
this.managerList = resp.data
}
})
.catch(e => {})
},
selectWarehouseTypeChange(val) {
const choose = this.warehouseTypeList.filter((item) => item.dictKey == val)
console.log('>>>>>>>>>selectWarehouseTypeChange', choose)
this.formobj.warehouseTypeKey = choose[0].dictKey
this.formobj.warehouseTypeValue = choose[0].dictValue
},
saveOrUpdate() {
console.log('>>>>>>>>>saveOrUpdate', this.formobj)
this.$refs['form_obj'].validate((valid) => {
if (valid) {
req.saveWarehouse(this.formobj)
.then(resp => {
if (resp.success) {
this.$message({
showClose: true,
type: 'success',
message: resp.msg
})
this.$confirm('是否继续添加仓库信息?', '温馨提示', {
confirmButtonText: '是',
cancelButtonText: '否',
type: 'warning'
}).then(() => {
// 点击确定进行的操作
var warehouseTypeKey = this.formobj.warehouseTypeKey
var warehouseTypeValue = this.formobj.warehouseTypeValue
this.formobj = {
sid: '',
warehouseName: '',
warehouseCode: '由系统自动生成',
warehouseTypeKey: warehouseTypeKey,
warehouseTypeValue: warehouseTypeValue,
contacts: "",
mob: "",
telephone: "",
manager: '',
longitude: '',
latitude: '',
usageStatus: "1",
address: '',
squareMeter: '',
sortNo: '',
remarks: '',
warehouseType: "0",
useOrgSid: window.sessionStorage.getItem('departmentSid'),
orgPath: window.sessionStorage.getItem('defaultOrgPath'),
createOrgSid: window.sessionStorage.getItem('orgSid'),
userSid: window.sessionStorage.getItem('userSid'),
}
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
}).catch(() => {
// 点击取消进行的操作
this.formobj = {
sid: '',
warehouseName: '',
warehouseCode: '由系统自动生成',
warehouseTypeKey: '',
warehouseTypeValue: '',
contacts: "",
mob: "",
telephone: "",
manager: '',
longitude: '',
latitude: '',
usageStatus: "1",
address: '',
squareMeter: '',
sortNo: '',
remarks: '',
warehouseType: "0",
useOrgSid: window.sessionStorage.getItem('departmentSid'),
orgPath: window.sessionStorage.getItem('defaultOrgPath'),
createOrgSid: window.sessionStorage.getItem('orgSid'),
userSid: window.sessionStorage.getItem('userSid'),
}
this.$emit('doback')
});
} else {
// 根据resp.code进行异常情况处理
}
})
.catch(() => {})
}
})
},
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
this.formobj = {
sid: '',
warehouseName: '',
warehouseCode: '由系统自动生成',
warehouseTypeKey: '',
warehouseTypeValue: '',
contacts: "",
mob: "",
telephone: "",
manager: '',
longitude: '',
latitude: '',
usageStatus: "1",
address: '',
squareMeter: '',
sortNo: '',
remarks: '',
warehouseType: "0",
useOrgSid: window.sessionStorage.getItem('departmentSid'),
orgPath: window.sessionStorage.getItem('defaultOrgPath'),
createOrgSid: window.sessionStorage.getItem('orgSid'),
userSid: window.sessionStorage.getItem('userSid'),
} }
this.$emit('doback') })
}, getOrgSidByPath({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => {
showAdd() { if (res.success) {
this.getDictValue() this.formobj.createOrgSid = res.data
this.$nextTick(() => { }
this.$refs['form_obj'].clearValidate() })
}) req.selMangerByRole({ useOrgSid: window.sessionStorage.getItem('departmentSid') }).then(resp => {
if (resp.success) {
}, this.managerList = resp.data
showEdit(row) { }
this.getDictValue() })
this.$nextTick(() => { },
this.$refs['form_obj'].clearValidate() selectWarehouseTypeChange(val) {
}) const choose = this.warehouseTypeList.filter((item) => item.dictKey === val)
console.log('>>>>>>>>>selectWarehouseTypeChange', choose)
req.initWarehouse(row.sid) this.formobj.warehouseTypeKey = choose[0].dictKey
.then(resp => { this.formobj.warehouseTypeValue = choose[0].dictValue
},
saveOrUpdate() {
console.log('>>>>>>>>>saveOrUpdate', this.formobj)
this.$refs['form_obj'].validate((valid) => {
if (valid) {
req.saveWarehouse(this.formobj).then(resp => {
if (resp.success) { if (resp.success) {
this.formobj = resp.data this.$message({ showClose: true, type: 'success', message: '保存成功', duration: 1000 })
if (this.formobj.sid === '') {
this.$confirm('是否继续添加仓库信息?', '温馨提示', {
confirmButtonText: '是',
cancelButtonText: '否',
type: 'warning'
}).then(() => {
// 点击确定进行的操作
var warehouseTypeKey = this.formobj.warehouseTypeKey
var warehouseTypeValue = this.formobj.warehouseTypeValue
this.formobj = {
sid: '',
warehouseName: '',
warehouseCode: '由系统自动生成',
warehouseTypeKey: warehouseTypeKey,
warehouseTypeValue: warehouseTypeValue,
contacts: '',
mob: '',
telephone: '',
manager: '',
longitude: '',
latitude: '',
usageStatus: '1',
address: '',
squareMeter: '',
sortNo: '',
remarks: '',
warehouseType: '0',
useOrgSid: window.sessionStorage.getItem('departmentSid'),
orgPath: window.sessionStorage.getItem('defaultOrgPath'),
createOrgSid: window.sessionStorage.getItem('orgSid'),
userSid: window.sessionStorage.getItem('userSid')
}
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
}).catch(() => {
// 点击取消进行的操作
this.handleReturn('true')
})
} else {
this.handleReturn('true')
}
} else {
// 根据resp.code进行异常情况处理
} }
}).catch(() => {
}) })
.catch(e => { }
this.formobj = row })
}) },
}, handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
this.formobj = {
sid: '',
warehouseName: '',
warehouseCode: '由系统自动生成',
warehouseTypeKey: '',
warehouseTypeValue: '',
contacts: '',
mob: '',
telephone: '',
manager: '',
longitude: '',
latitude: '',
usageStatus: '1',
address: '',
squareMeter: '',
sortNo: '',
remarks: '',
warehouseType: '0',
useOrgSid: window.sessionStorage.getItem('departmentSid'),
orgPath: window.sessionStorage.getItem('defaultOrgPath'),
createOrgSid: window.sessionStorage.getItem('orgSid'),
userSid: window.sessionStorage.getItem('userSid')
}
this.$emit('doback')
},
showAdd() {
this.getDictValue()
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
},
showEdit(row) {
this.getDictValue()
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
req.initWarehouse(row.sid).then(resp => {
if (resp.success) {
this.formobj = resp.data
}
}).catch(e => {
this.formobj = row
})
} }
} }
}
</script> </script>
<style scoped> <style scoped>
/deep/ .el-form-item__error { /deep/ .el-form-item__error {
margin-left: 120px !important; margin-left: 120px !important;
} }
.must { .must {
color: #f00; color: #f00;
} }
.span-sty { .span-sty {
width: 130px !important; width: 130px !important;
align-items: center; align-items: center;
} }
.addinputInfo { .addinputInfo {
margin-left: 120px !important; margin-left: 120px !important;
} }
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw { .formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw {
margin-left: 120px !important; margin-left: 120px !important;
width: calc(100% - 115px); width: calc(100% - 115px);
} }
.first_row { .first_row {
border-top: 1px solid #E0E3EB; border-top: 1px solid #E0E3EB;
} }
.titleOne { .titleOne {
padding: 7px; padding: 7px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .el-radio-group { .formaddcopy02 .el-row .el-col /deep/ .el-form-item .el-radio-group {
display: inline; display: inline;
line-height: 1px; line-height: 1px;
vertical-align: middle; vertical-align: middle;
} }
</style> </style>

228
yxt-as-ui/src/views/warehouse/warehouse/warehouseInfo.vue
View File

@ -1,94 +1,69 @@
<template> <template>
<div> <div>
<div class="tab-header webtop"> <div class="tab-header webtop">
<!-- 标题 -->
<div>仓库信息</div> <div>仓库信息</div>
<!-- start 添加修改按钮 -->
<div> <div>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div> </div>
<!-- end 添加修改按钮 -->
<!-- end 详情按钮 -->
</div> </div>
<div class="listconadd"> <div class="listconadd">
<el-form ref="form_obj" :model="formobj" class="formaddcopy02"> <el-form ref="form_obj" :model="formobj" class="formaddcopy02">
<el-row class="first_row"> <el-row class="first_row">
<el-col :span="8"> <el-col :span="8">
<div class="span-sty">仓库编码</div> <div class="span-sty">仓库编码</div>
<el-form-item> <el-form-item>
<span class="addinputInfo">{{formobj.warehouseCode}}</span> <span class="addinputInfo">{{ formobj.warehouseCode }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="16"> <el-col :span="16">
<div class="span-sty">仓库类型</div> <div class="span-sty">仓库类型</div>
<el-form-item> <el-form-item>
<span class="addinputInfo">{{formobj.warehouseTypeValue}}</span> <span class="addinputInfo">{{ formobj.warehouseTypeValue }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<div class="span-sty">仓库名称</div> <div class="span-sty">仓库名称</div>
<el-form-item> <el-form-item>
<span class="addinputInfo">{{formobj.warehouseName}}</span> <span class="addinputInfo">{{ formobj.warehouseName }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="span-sty">仓库面积</div> <div class="span-sty">仓库面积</div>
<el-form-item> <el-form-item>
<span class="addinputInfo">{{formobj.squareMeter}}</span> <span class="addinputInfo">{{ formobj.squareMeter }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="span-sty">仓库管理员</div> <div class="span-sty">仓库管理员</div>
<el-form-item> <el-form-item>
<span class="addinputInfo">{{formobj.manager}}</span> <span class="addinputInfo">{{ formobj.manager }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<div class="span-sty">仓库地址</div> <div class="span-sty">仓库地址</div>
<el-form-item> <el-form-item>
<span class="addinputInfo">{{formobj.address}}</span> <span class="addinputInfo">{{ formobj.address }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<div class="span-sty">经度</div> <div class="span-sty">经度</div>
<el-form-item> <el-form-item>
<span class="addinputInfo">{{formobj.longitude}}</span> <span class="addinputInfo">{{ formobj.longitude }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="16"> <el-col :span="16">
<div class="span-sty">纬度</div> <div class="span-sty">纬度</div>
<el-form-item> <el-form-item>
<span class="addinputInfo">{{formobj.latitude}}</span> <span class="addinputInfo">{{ formobj.latitude }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<!-- <el-row > <!-- <el-row >
<el-col :span="8"> <el-col :span="8">
@ -115,153 +90,110 @@
</el-row> --> </el-row> -->
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<div class="span-sty">排序</div> <div class="span-sty">排序</div>
<el-form-item> <el-form-item>
<span class="addinputInfo">{{formobj.sortNo}}</span> <span class="addinputInfo">{{ formobj.sortNo }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="16"> <el-col :span="16">
<div class="span-sty">使用状态</div> <div class="span-sty">使用状态</div>
<el-form-item> <el-form-item>
<el-radio-group v-model="formobj.usageStatus" size="small" :disabled='true' <el-radio-group v-model="formobj.usageStatus" size="small" :disabled='true' class="addinputw addinputInfo">
class="addinputw addinputInfo">
<el-radio :label="'1'">正常</el-radio> <el-radio :label="'1'">正常</el-radio>
<el-radio :label="'0'">停用</el-radio> <el-radio :label="'0'">停用</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<div class="span-sty">备注</div> <div class="span-sty">备注</div>
<el-form-item> <el-form-item>
<span class="addinputInfo">{{formobj.remarks}}</span> <span class="addinputInfo">{{ formobj.remarks }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import req from '@/api/warehouse/warehouse.js' import req from '@/api/warehouse/warehouse.js'
export default {
components: {}, export default {
data() { components: {},
return { data() {
submitdisabled: false, return {
formobj: { submitdisabled: false,
sid: '', formobj: {
warehouseName: '', sid: '',
warehouseCode: '', warehouseName: '',
contacts: "", warehouseCode: '',
mob: "", contacts: '',
telephone: "", mob: '',
manager: '', telephone: '',
longitude: '', manager: '',
latitude: '', longitude: '',
usageStatus: "", latitude: '',
address: '', usageStatus: '',
squareMeter: '', address: '',
sortNo: '', squareMeter: '',
remarks: '', sortNo: '',
warehouseType: "0" remarks: '',
}, warehouseType: '0'
} }
}
},
methods: {
handleReturn() {
this.formobj = {
sid: '',
warehouseName: '',
warehouseCode: '',
contacts: '',
mob: '',
telephone: '',
manager: '',
longitude: '',
latitude: '',
usageStatus: '',
address: '',
squareMeter: '',
sortNo: '',
remarks: '',
warehouseType: '0'
}
this.$emit('doback')
}, },
created() {}, showEdit(row) {
methods: { req.initWarehouse(row.sid).then(resp => {
changeTheme(val) { if (resp.success) {
this.formobj = resp.data
},
saveOrUpdate() {
console.log('>>>>>>>>>saveOrUpdate', this.formobj)
req.saveWarehouse(this.formobj)
.then(resp => {
if (resp.success) {
this.$message({
showClose: true,
type: 'success',
message: resp.msg
})
this.handleReturn('true')
} else {
// 根据resp.code进行异常情况处理
}
})
.catch(() => {})
},
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
this.formobj = {
sid: '',
warehouseName: '',
warehouseCode: '',
contacts: "",
mob: "",
telephone: "",
manager: '',
longitude: '',
latitude: '',
usageStatus: "",
address: '',
squareMeter: '',
sortNo: '',
remarks: '',
warehouseType: "0"
} }
this.$emit('doback') }).catch(e => {
}, this.formobj = row
showAdd() {}, })
showEdit(row) {
req.initWarehouse(row.sid)
.then(resp => {
if (resp.success) {
this.formobj = resp.data
}
})
.catch(e => {
this.formobj = row
})
},
} }
} }
}
</script> </script>
<style scoped> <style scoped>
.span-sty { .span-sty {
width: 130px !important; width: 130px !important;
} }
.addinputInfo { .addinputInfo {
margin-left: 120px !important; margin-left: 120px !important;
} }
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw { .formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw {
margin-left: 120px !important; margin-left: 120px !important;
width: calc(100% - 115px); width: calc(100% - 115px);
} }
.first_row { .first_row {
border-top: 1px solid #E0E3EB; border-top: 1px solid #E0E3EB;
} }
.titleOne {
padding: 7px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
</style> </style>

Write Preview
Loading…
Cancel
Save