完善功能

This commit is contained in:
wangxiaowei
2026-04-13 01:53:25 +08:00
parent e550e91a64
commit 83d7d9ef29
13 changed files with 166 additions and 88 deletions

2
dist/index.html vendored
View File

@ -1 +1 @@
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta http-equiv=Content-Security-Policy content=upgrade-insecure-requests><title>秀湖网球中心</title><link rel="shortcut icon" href=static/imgs/favicon.ico><link rel=stylesheet type=text/css href=static/css/common.css><link rel=stylesheet type=text/css href=static/css/app.css><script src=./static/UE/ueditor.config.js type=text/javascript charset=utf-8></script><script src=./static/UE/ueditor.all.js type=text/javascript charset=utf-8></script><script src=./static/UE/lang/zh-cn/zh-cn.js type=text/javascript charset=utf-8></script><script src=./static/UE/ueditor.parse.min.js type=text/javascript charset=utf-8></script><link href=/shop/static/css/app.291458b990fd629f40393e294d84fcfe.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/shop/static/js/manifest.3103172e847482f429bc.js></script><script type=text/javascript src=/shop/static/js/vendor.27b25b4279ee559ca3a8.js></script><script type=text/javascript src=/shop/static/js/app.1ecb9c434566cf4e366b.js></script></body></html>
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta http-equiv=Content-Security-Policy content=upgrade-insecure-requests><title>秀湖网球中心</title><link rel="shortcut icon" href=static/imgs/favicon.ico><link rel=stylesheet type=text/css href=static/css/common.css><link rel=stylesheet type=text/css href=static/css/app.css><script src=./static/UE/ueditor.config.js type=text/javascript charset=utf-8></script><script src=./static/UE/ueditor.all.js type=text/javascript charset=utf-8></script><script src=./static/UE/lang/zh-cn/zh-cn.js type=text/javascript charset=utf-8></script><script src=./static/UE/ueditor.parse.min.js type=text/javascript charset=utf-8></script><link href=/shop/static/css/app.6b75e5b8a2f7b1a8a5776ba69c701fe0.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/shop/static/js/manifest.3103172e847482f429bc.js></script><script type=text/javascript src=/shop/static/js/vendor.27b25b4279ee559ca3a8.js></script><script type=text/javascript src=/shop/static/js/app.047206af50748ccd9a1f.js></script></body></html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
{"version":3,"sources":["webpack:///webpack/bootstrap f22eedfd265f3f2702e8"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","2","exports","module","l","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","p","oe","err","console","error"],"mappings":"aACA,IAAAA,EAAAC,OAAA,aACAA,OAAA,sBAAAC,EAAAC,EAAAC,GAIA,IADA,IAAAC,EAAAC,EAAAC,EAAAC,EAAA,EAAAC,KACQD,EAAAN,EAAAQ,OAAoBF,IAC5BF,EAAAJ,EAAAM,GACAG,EAAAL,IACAG,EAAAG,KAAAD,EAAAL,GAAA,IAEAK,EAAAL,GAAA,EAEA,IAAAD,KAAAF,EACAU,OAAAC,UAAAC,eAAAC,KAAAb,EAAAE,KACAY,EAAAZ,GAAAF,EAAAE,IAIA,IADAL,KAAAE,EAAAC,EAAAC,GACAK,EAAAC,QACAD,EAAAS,OAAAT,GAEA,GAAAL,EACA,IAAAI,EAAA,EAAYA,EAAAJ,EAAAM,OAA2BF,IACvCD,EAAAY,IAAAC,EAAAhB,EAAAI,IAGA,OAAAD,GAIA,IAAAc,KAGAV,GACAW,EAAA,GAIA,SAAAH,EAAAd,GAGA,GAAAgB,EAAAhB,GACA,OAAAgB,EAAAhB,GAAAkB,QAGA,IAAAC,EAAAH,EAAAhB,IACAG,EAAAH,EACAoB,GAAA,EACAF,YAUA,OANAN,EAAAZ,GAAAW,KAAAQ,EAAAD,QAAAC,IAAAD,QAAAJ,GAGAK,EAAAC,GAAA,EAGAD,EAAAD,QAKAJ,EAAAO,EAAAT,EAGAE,EAAAQ,EAAAN,EAGAF,EAAAS,EAAA,SAAAL,EAAAM,EAAAC,GACAX,EAAAY,EAAAR,EAAAM,IACAhB,OAAAmB,eAAAT,EAAAM,GACAI,cAAA,EACAC,YAAA,EACAC,IAAAL,KAMAX,EAAAiB,EAAA,SAAAZ,GACA,IAAAM,EAAAN,KAAAa,WACA,WAA2B,OAAAb,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAL,EAAAS,EAAAE,EAAA,IAAAA,GACAA,GAIAX,EAAAY,EAAA,SAAAO,EAAAC,GAAsD,OAAA1B,OAAAC,UAAAC,eAAAC,KAAAsB,EAAAC,IAGtDpB,EAAAqB,EAAA,SAGArB,EAAAsB,GAAA,SAAAC,GAA8D,MAApBC,QAAAC,MAAAF,GAAoBA","file":"static/js/manifest.3103172e847482f429bc.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t2: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/shop/\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap f22eedfd265f3f2702e8"],"sourceRoot":""}
{"version":3,"sources":["webpack:///webpack/bootstrap c06973131f390a85377e"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","2","exports","module","l","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","p","oe","err","console","error"],"mappings":"aACA,IAAAA,EAAAC,OAAA,aACAA,OAAA,sBAAAC,EAAAC,EAAAC,GAIA,IADA,IAAAC,EAAAC,EAAAC,EAAAC,EAAA,EAAAC,KACQD,EAAAN,EAAAQ,OAAoBF,IAC5BF,EAAAJ,EAAAM,GACAG,EAAAL,IACAG,EAAAG,KAAAD,EAAAL,GAAA,IAEAK,EAAAL,GAAA,EAEA,IAAAD,KAAAF,EACAU,OAAAC,UAAAC,eAAAC,KAAAb,EAAAE,KACAY,EAAAZ,GAAAF,EAAAE,IAIA,IADAL,KAAAE,EAAAC,EAAAC,GACAK,EAAAC,QACAD,EAAAS,OAAAT,GAEA,GAAAL,EACA,IAAAI,EAAA,EAAYA,EAAAJ,EAAAM,OAA2BF,IACvCD,EAAAY,IAAAC,EAAAhB,EAAAI,IAGA,OAAAD,GAIA,IAAAc,KAGAV,GACAW,EAAA,GAIA,SAAAH,EAAAd,GAGA,GAAAgB,EAAAhB,GACA,OAAAgB,EAAAhB,GAAAkB,QAGA,IAAAC,EAAAH,EAAAhB,IACAG,EAAAH,EACAoB,GAAA,EACAF,YAUA,OANAN,EAAAZ,GAAAW,KAAAQ,EAAAD,QAAAC,IAAAD,QAAAJ,GAGAK,EAAAC,GAAA,EAGAD,EAAAD,QAKAJ,EAAAO,EAAAT,EAGAE,EAAAQ,EAAAN,EAGAF,EAAAS,EAAA,SAAAL,EAAAM,EAAAC,GACAX,EAAAY,EAAAR,EAAAM,IACAhB,OAAAmB,eAAAT,EAAAM,GACAI,cAAA,EACAC,YAAA,EACAC,IAAAL,KAMAX,EAAAiB,EAAA,SAAAZ,GACA,IAAAM,EAAAN,KAAAa,WACA,WAA2B,OAAAb,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAL,EAAAS,EAAAE,EAAA,IAAAA,GACAA,GAIAX,EAAAY,EAAA,SAAAO,EAAAC,GAAsD,OAAA1B,OAAAC,UAAAC,eAAAC,KAAAsB,EAAAC,IAGtDpB,EAAAqB,EAAA,SAGArB,EAAAsB,GAAA,SAAAC,GAA8D,MAApBC,QAAAC,MAAAF,GAAoBA","file":"static/js/manifest.3103172e847482f429bc.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t2: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/shop/\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap c06973131f390a85377e"],"sourceRoot":""}

View File

@ -122,11 +122,11 @@ export default {
trigger: 'blur'
}],
m_price: [{
required: true,
message: '请输入月卡指导价',
trigger: 'blur'
}],
// m_price: [{
// required: true,
// message: '请输入月卡指导价',
// trigger: 'blur'
// }],
seasonal_price: [{
required: true,
@ -134,11 +134,11 @@ export default {
trigger: 'blur'
}],
s_price: [{
required: true,
message: '请输入季卡指导价',
trigger: 'blur'
}],
// s_price: [{
// required: true,
// message: '请输入季卡指导价',
// trigger: 'blur'
// }],
content: [{
required: true,

View File

@ -119,17 +119,17 @@ export default {
trigger: 'blur'
}],
month_price: [{
required: true,
message: '请输入月卡价格',
trigger: 'blur'
}],
// month_price: [{
// required: true,
// message: '请输入月卡价格',
// trigger: 'blur'
// }],
m_price: [{
required: true,
message: '请输入月卡指导价',
trigger: 'blur'
}],
// m_price: [{
// required: true,
// message: '请输入月卡指导价',
// trigger: 'blur'
// }],
seasonal_price: [{
required: true,
@ -137,11 +137,11 @@ export default {
trigger: 'blur'
}],
s_price: [{
required: true,
message: '请输入季卡指导价',
trigger: 'blur'
}],
// s_price: [{
// required: true,
// message: '请输入季卡指导价',
// trigger: 'blur'
// }],
content: [{
required: true,

View File

@ -14,40 +14,64 @@
<el-tag v-else-if="status == 2" type="danger" size="small">未通过</el-tag>
<el-tag v-else-if="status == 3" type="warning" size="small">已完结</el-tag>
<el-tag v-else-if="status == 4" type="info" size="small">废除</el-tag>
</div>
</div>
</div>
</div>
</div>
</div>
<div v-if="group_id == 1 || group_id == 2" class="info-block">
<div class="info-title">人员信息</div>
<div class="info-content">
<div class="text-info">
<div class="info-item"><span class="label">名称:</span>{{ form.name }}</div>
<div class="info-item"><span class="label">手机号:</span>{{ form.card }}</div>
<div class="info-item"><span class="label">名称:</span>{{ form.name }}</div>
<div class="info-item"><span class="label">手机号:</span>{{ form.card }}</div>
<div class="info-item"><span class="label">出生日期:</span>{{ form.both }}</div>
</div>
<div class="photo-info" v-if="group_id == 1">
<div class="photo-label">人脸照片</div>
<el-image v-if="form.face_url" :src="form.face_url" class="face-img" :preview-src-list="[form.face_url]" preview-teleported fit="cover"></el-image>
<el-image v-if="form.face_url" :src="form.face_url" class="face-img"
:preview-src-list="[form.face_url]" preview-teleported fit="cover"></el-image>
<div v-else class="empty-img"><i class="el-icon-picture-outline"></i><span>暂未上传</span></div>
</div>
</div>
</div>
</div>
<div v-if="group_id == 3 || group_id == 4">
<div class="info-block">
<div class="info-title">子女信息</div>
<div class="info-title">子女1信息</div>
<div class="info-content">
<div class="text-info">
<div class="info-item"><span class="label">子女名称:</span>{{ form.name }}</div>
<div class="info-item"><span class="label">子女手机号:</span>{{ form.card }}</div>
<div class="info-item"><span class="label">子女出生日期:</span>{{ form.both }}</div>
<div class="info-item"><span class="label">子女名称:</span>{{ form.child[0].name }}</div>
<div class="info-item"><span class="label">子女手机号:</span>{{ form.child[0].card }}</div>
<div class="info-item"><span class="label">子女出生日期:</span>{{ form.child[0].both }}</div>
</div>
<div class="photo-info">
<div class="photo-label">子女照片</div>
<el-image v-if="form.face_url" :src="form.face_url" class="face-img" :preview-src-list="[form.face_url]" preview-teleported fit="cover"></el-image>
<div v-else class="empty-img"><i class="el-icon-picture-outline"></i><span>暂未上传</span></div>
<el-image v-if="form.face_url" :src="form.face_url" class="face-img"
:preview-src-list="[form.face_url]" preview-teleported
fit="cover"></el-image>
<div v-else class="empty-img"><i class="el-icon-picture-outline"></i><span>暂未上传</span>
</div>
</div>
</div>
</div>
<div class="info-block" v-if="group_id == 4">
<div class="info-title">子女2信息</div>
<div class="info-content">
<div class="text-info">
<div class="info-item"><span class="label">子女名称:</span>{{ form.child[1].name }}</div>
<div class="info-item"><span class="label">子女手机号:</span>{{ form.child[1].card }}</div>
<div class="info-item"><span class="label">子女出生日期:</span>{{ form.child[1].both }}</div>
</div>
<div class="photo-info">
<div class="photo-label">子女照片</div>
<el-image v-if="face_url1" :src="face_url1" class="face-img"
:preview-src-list="[face_url1]" preview-teleported
fit="cover"></el-image>
<div v-else class="empty-img"><i class="el-icon-picture-outline"></i><span>暂未上传</span>
</div>
</div>
</div>
</div>
@ -56,40 +80,51 @@
<div class="info-title">家长1信息</div>
<div class="info-content">
<div class="text-info">
<div class="info-item"><span class="label">名称:</span>{{ form.name }}</div>
<div class="info-item"><span class="label">手机号:</span>{{ form.card }}</div>
<div class="info-item"><span class="label">出生日期:</span>{{ form.both }}</div>
<div class="info-item"><span class="label">名称:</span>{{ form.parent[0].name }}</div>
<div class="info-item"><span class="label">手机号:</span>{{ form.parent[0].card }}</div>
<div class="info-item"><span class="label">出生日期:</span>{{ form.parent[0].both }}</div>
</div>
<div class="photo-info">
<div class="photo-label">照片</div>
<el-image v-if="form.parent && form.parent[0] && form.parent[0].face_url" :src="form.parent[0].face_url" class="face-img" :preview-src-list="[form.parent[0].face_url]" preview-teleported fit="cover"></el-image>
<div v-else class="empty-img"><i class="el-icon-picture-outline"></i><span>暂未上传</span></div>
<el-image v-if="form.parent && form.parent[0] && form.parent[0].face_url"
:src="form.parent[0].face_url" class="face-img"
:preview-src-list="[form.parent[0].face_url]" preview-teleported
fit="cover"></el-image>
<div v-else class="empty-img"><i class="el-icon-picture-outline"></i><span>暂未上传</span>
</div>
</div>
</div>
</div>
<template v-if="group_id == 4">
<template>
<div class="info-block">
<div class="info-title">家长2信息</div>
<div class="info-content">
<div class="text-info">
<div class="info-item"><span class="label">名称:</span>{{ form.name }}</div>
<div class="info-item"><span class="label">手机号:</span>{{ form.card }}</div>
<div class="info-item"><span class="label">出生日期:</span>{{ form.both }}</div>
<div class="info-item"><span class="label">名称:</span>{{ form.parent[1].name }}</div>
<div class="info-item"><span class="label">手机号:</span>{{ form.parent[1].card }}
</div>
<div class="info-item"><span class="label">出生日期:</span>{{ form.parent[1].both }}
</div>
</div>
<div class="photo-info">
<div class="photo-label">照片</div>
<el-image v-if="form.parent && form.parent[1] && form.parent[1].face_url" :src="form.parent[1].face_url" class="face-img" :preview-src-list="[form.parent[1].face_url]" preview-teleported fit="cover"></el-image>
<div v-else class="empty-img"><i class="el-icon-picture-outline"></i><span>暂未上传</span></div>
<el-image v-if="form.parent && form.parent[1] && form.parent[1].face_url"
:src="form.parent[1].face_url" class="face-img"
:preview-src-list="[form.parent[1].face_url]" preview-teleported
fit="cover"></el-image>
<div v-else class="empty-img"><i
class="el-icon-picture-outline"></i><span>暂未上传</span></div>
</div>
</div>
</div>
</template>
</div>
<div class="info-block">
<div class="info-title">联系人信息</div>
<div class="info-item"><span class="label">联系方式:</span>{{ form.mobile }}</div>
<div class="info-item"><span class="label">联系方式:</span>{{ form.mobile }}</div>
</div>
</div>
@ -137,6 +172,7 @@ export default {
status: '',
face_url: '',
parent: [],
child: []
},
group_id: '',
/*左边长度*/
@ -147,9 +183,10 @@ export default {
/*是否上传图片*/
isupload: false,
status: 0,
face_url1: '',
};
},
props: ['open_edit', 'editform'],
props: ['open_edit', 'editform'],
created() {
this.dialogVisible = this.open_edit;
this.form.id = this.editform.id;
@ -160,10 +197,12 @@ export default {
this.form.face_url = this.editform.face_url;
this.form.group_name = this.editform.group_name;
this.form.parent = this.editform.parent;
this.form.child = this.editform.child;
console.log("🚀 ~ this.form.parent:", this.form.parent)
this.form.status = this.editform.status == 0 ? '' : this.editform.status;
this.status = this.form.status
this.group_id = this.editform.group_id;
this.face_url1 = this.editform.face_url1;
},
methods: {
/*关闭弹窗*/
@ -188,7 +227,7 @@ export default {
id: self.form.id,
status: self.form.status
};
self.$refs.form.validate((valid) => {
if (valid) {
self.loading = true;
@ -214,9 +253,11 @@ export default {
.img {
margin-top: 10px;
}
.info-wrapper {
padding: 0 10px;
}
.info-block {
background: #f8f9fa;
padding: 15px 20px;
@ -224,6 +265,7 @@ export default {
margin-bottom: 20px;
border: 1px solid #ebeef5;
}
.info-title {
font-size: 15px;
font-weight: 600;
@ -232,14 +274,17 @@ export default {
border-bottom: 1px solid #ebeef5;
padding-bottom: 10px;
}
.info-content {
display: flex;
justify-content: space-between;
}
.text-info {
flex: 1;
padding-right: 20px;
}
.info-item {
margin-bottom: 12px;
font-size: 14px;
@ -247,17 +292,20 @@ export default {
display: flex;
line-height: 1.5;
}
.info-item .label {
width: 100px;
color: #909399;
flex-shrink: 0;
}
.photo-info {
width: 140px;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.photo-label {
color: #909399;
font-size: 14px;
@ -265,13 +313,15 @@ export default {
text-align: center;
width: 120px;
}
.face-img {
width: 120px;
height: 120px;
width: 120px;
height: 120px;
border-radius: 6px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border: 2px solid #fff;
}
.empty-img {
width: 120px;
height: 120px;
@ -285,6 +335,7 @@ export default {
font-size: 13px;
border: 1px dashed #dcdfe6;
}
.empty-img i {
font-size: 28px;
margin-bottom: 8px;

View File

@ -1,18 +1,16 @@
<template>
<div class="venue">
<!--搜索表单-->
<div class="venue">
<!--搜索表单-->
<div class="common-seach-wrap">
<el-form size="small" :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="名称">
<el-input v-model="formInline.search"
placeholder="请输入名称"></el-input>
<el-input v-model="formInline.search" placeholder="请输入名称"></el-input>
</el-form-item>
<el-form-item label="手机号">
<el-input v-model="formInline.search"
placeholder="请输入手机号"></el-input>
</el-form-item>
<el-input v-model="formInline.search" placeholder="请输入手机号"></el-input>
</el-form-item>
<el-form-item label="状态">
<el-select v-model="formInline.status" placeholder="请选择">
<el-option label="待审核" :value="0"></el-option>
@ -28,22 +26,49 @@
</el-form>
</div>
<!--内容-->
<!--内容-->
<div class="product-content">
<div class="table-wrap">
<el-table size="small" :data="tableData" border style="width: 100%" v-loading="loading">
<el-table-column prop="name" label="名称"></el-table-column>
<el-table-column prop="name" label="名称">
<template slot-scope="scope">
<div v-if="scope.row.group_id == 3 || scope.row.group_id == 4">
{{ scope.row.child[0].name }}
</div>
<div v-else>
{{ scope.row.name }}
</div>
</template>
</el-table-column>
<el-table-column prop="mobile" label="手机号"></el-table-column>
<el-table-column prop="card" label="身份证号"></el-table-column>
<el-table-column prop="both" label="出身日期"></el-table-column>
<el-table-column prop="card" label="身份证号">
<template slot-scope="scope">
<div v-if="scope.row.group_id == 3 || scope.row.group_id == 4">
{{ scope.row.child[0].card }}
</div>
<div v-else>
{{ scope.row.card }}
</div>
</template>
</el-table-column>
<el-table-column prop="both" label="出身日期">
<template slot-scope="scope">
<div v-if="scope.row.group_id == 3 || scope.row.group_id == 4">
{{ scope.row.child[0].both }}
</div>
<div v-else>
{{ scope.row.both }}
</div>
</template>
</el-table-column>
<el-table-column prop="group_name" label="套餐"></el-table-column>
<el-table-column prop="status" label="状态">
<template slot-scope="scope">
<el-tag v-if="scope.row.status == 0">待审核</el-tag>
<el-tag v-else-if="scope.row.status == 1" type="success">通过</el-tag>
<el-tag v-else-if="scope.row.status == 2" type="danger">未通过</el-tag>
<el-tag v-else-if="scope.row.status == 3" type="warning">已完结</el-tag>
<el-tag v-else-if="scope.row.status == 4" type="info">废除</el-tag>
<el-tag v-if="scope.row.status == 0">待审核</el-tag>
<el-tag v-else-if="scope.row.status == 1" type="success">通过</el-tag>
<el-tag v-else-if="scope.row.status == 2" type="danger">未通过</el-tag>
<el-tag v-else-if="scope.row.status == 3" type="warning">已完结</el-tag>
<el-tag v-else-if="scope.row.status == 4" type="info">废除</el-tag>
</template>
</el-table-column>
<el-table-column fixed="right" label="操作" width="170">
@ -63,9 +88,11 @@
</div>
</div>
<!--修改-->
<Edit v-if="open_edit" :open_edit="open_edit" :editform="venueModel" @closeDialog="closeDialogFunc($event, 'edit')"></Edit>
</div>
<!--修改-->
<Edit v-if="open_edit" :open_edit="open_edit" :editform="venueModel"
@closeDialog="closeDialogFunc($event, 'edit')">
</Edit>
</div>
</template>
<script>
@ -73,10 +100,10 @@ import ComboApi from '@/api/combo.js';
import Edit from './edit.vue';
export default {
components: {
/*编辑组件*/
Edit,
},
components: {
/*编辑组件*/
Edit,
},
data() {
return {
/*是否加载完成*/
@ -158,12 +185,12 @@ export default {
addClick(item) {
this.open_add = true;
},
/*打开编辑*/
editClick(item) {
this.venueModel = item;
this.open_edit = true;
},
},
/*关闭弹窗*/
closeDialogFunc(e, f) {