panqihua
/
ttsbg-java-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1.完善厂商-门店管理

Browse Source
master
panqihua 2 years ago
parent 05ca75b8b6
commit fccc68f5e8
4 changed files with 221 additions and 1 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 116
      src/views/components/store/detail.vue
  2. 104
      src/views/components/store/index.vue
  3. 0
      src/views/components/userAvatar.vue
  4. 2
      src/views/platform/user/baseForm.vue

116
src/views/components/store/detail.vue
Unescape View File

@ -0,0 +1,116 @@
<template>
<el-dialog :visible.sync="open" @closed="$emit('closed')">
<div class="title">基本信息</div>
<el-form class="mt20" inline label-position="left" :label-width="width + 'px'">
<el-row>
<el-col :span="18">
<div class="w240">
<el-form-item label="经销商名称">
<el-input v-model="form.name"/>
</el-form-item>
<el-form-item label="经销商ID">
<el-input v-model="form.id"/>
</el-form-item>
<br/>
<el-form-item label="负责人姓名">
<el-input v-model="form.userName"/>
</el-form-item>
<el-form-item label="负责人电话">
<el-input v-model="form.phone"/>
</el-form-item>
</div>
<el-form-item label="厂商地址">
<el-select v-model="form.address.province" placeholder="请选择">
</el-select>
<el-select v-model="form.address.city" placeholder="请选择">
</el-select>
<el-select v-model="form.address.area" placeholder="请选择">
</el-select>
<br/>
<el-input v-model="form.address.address" style="margin-top:10px"></el-input>
</el-form-item>
<br/>
<el-form-item label="营业执照">
<img src="http://www.dummyimage.com/100x100"/>
</el-form-item>
<br/>
<el-form-item label="状态" v-if="$route.query.type==='list'">
<el-radio v-model="form.status" :key="item.value" v-for="item in dict.type.authorization_status"
:label="item.value">{{
item.label
}}
</el-radio>
</el-form-item>
<el-form-item label="审核" v-else-if="$route.query.type==='auth'">
<el-radio v-model="form.status" :key="item.value"
v-for="item in dict.type.audit_status" :label="item.value">{{
item.label
}}
</el-radio>
<el-input type="textarea" :autosize="{minRows:3}"/>
</el-form-item>
</el-col>
<el-col :span="5" :offset="1">
<user-avatar :circle="false" show-bottom-label title="logo"/>
</el-col>
</el-row>
<div class="text-center">
<el-button type="primary">保存</el-button>
<el-button>重置</el-button>
</div>
</el-form>
</el-dialog>
</template>
<script>
import userAvatar from '@/views/system/user/profile/userAvatar'
export default {
name: 'detail',
components: { userAvatar },
dicts: ['manufacturer_type_1', 'authorization_status', 'audit_status'],
data() {
return {
width: 100,
open: true,
form: {
name: '厂商名称',
id: '145454',
userName: '账单',
phone: '18888888888',
address: {
province: '河南省',
city: '郑州市',
area: '金水区',
address: '光明路128号'
},
status: '0'
}
}
}
}
</script>
<style scoped lang="scss">
.title {
color: rgba(16, 16, 16, 1);
font-size: 16px;
text-align: left;
font-family: SourceHanSansSC-regular;
}
.w240 {
.el-input,
.el-select,
.el-date-editor {
width: 200px;
}
}
</style>

104
src/views/components/store/index.vue
Unescape View File

@ -0,0 +1,104 @@
<template>
<div class="app-container">
<el-form :inline="true">
<el-form-item>
<el-input placeholder="请输入门店名称"></el-input>
</el-form-item>
<el-form-item>
<el-input placeholder="请输入门店ID"></el-input>
</el-form-item>
<el-form-item>
<el-input placeholder="请输入联系人"></el-input>
</el-form-item>
<el-form-item>
<el-input placeholder="请输入电话"></el-input>
</el-form-item>
<el-form-item>
<el-select v-model="queryParams.storeType" placeholder="全部" clearable>
<el-option v-for="dict in dict.type.store_type" :key="dict.value" :label="dict.label"
:value="dict.value"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-select v-model="queryParams.manufacturerType" placeholder="全部状态" clearable>
<el-option v-for="dict in dict.type.manufacturer_type" :key="dict.value" :label="dict.label"
:value="dict.value"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary">查询</el-button>
<el-button>重置</el-button>
</el-form-item>
<br/>
<el-form-item>
<el-cascader
placeholder="全部地区"
v-model="queryParams.address"
:options="address"
:props="{ expandTrigger: 'hover' }"
></el-cascader>
</el-form-item>
</el-form>
<template v-if="$route.query.type==='list'">
<el-button type="primary">新增门店</el-button>
<el-button>批量取消</el-button>
</template>
<template v-else-if="$route.query.type==='auth'">
<el-button>批量授权</el-button>
</template>
<el-table :data="dataList" class="mt20">
<el-table-column type="selection" align="center"></el-table-column>
<el-table-column label="ID" align="center">CS00001</el-table-column>
<el-table-column label="门店名称" align="center">门店名称（自营）</el-table-column>
<el-table-column label="营业执照" align="center"><img src="http://www.dummyimage.com/50x50"/></el-table-column>
<el-table-column label="联系人" align="center">张三</el-table-column>
<el-table-column label="联系电话" align="center">188888888</el-table-column>
<el-table-column label="商品数量" align="center">1125</el-table-column>
<el-table-column label="粉丝" align="center">32131</el-table-column>
<el-table-column label="技术支持时间" align="center">2022-12-31-2023-12-31</el-table-column>
<el-table-column label="技术支持时间" align="center">2022-12-31-2023-12-31</el-table-column>
<el-table-column label="状态" align="center">待授权
<!-- TODO:待授权|驳回-->
</el-table-column>
<el-table-column label="操作" align="center">
<el-button type="text" @click="dialog.detail=true">详情</el-button>
<el-button type="text" v-if="$route.query.type==='list'">授权</el-button>
<el-button type="text" v-else-if="$route.query.type==='auth'">取消授权</el-button>
</el-table-column>
</el-table>
<detail v-if="dialog.detail" @closed="dialog.detail=false"/>
</div>
</template>
<script>
import Detail from './detail'
export default {
name: 'index',
components: { Detail },
dicts: ['manufacturer_type', 'store_type'],
data() {
return {
address: [
{ label: '河南省', children: [{ label: '郑州市', children: [{ label: '金水区' }] }] }
],
dialog: {
detail: false
},
dataList: [{}],
queryParams: {
manufacturerType: undefined,
storeType: undefined
}
}
}
}
</script>
<style scoped>
</style>

0
src/views/platform/user/userAvatar.vue → src/views/components/userAvatar.vue
Unescape View File

2
src/views/platform/user/baseForm.vue
Unescape View File

@ -108,7 +108,7 @@
</template>
<script>
import userAvatar from './userAvatar'
import userAvatar from '@/views/components/userAvatar'
import { addUser, phoneSelect, updateUser } from '@/api/system/user'
export default {

Write Preview
Loading…
Cancel
Save