|
@@ -760,7 +760,8 @@
|
|
|
<el-form-item
|
|
|
label="卡号认证"
|
|
|
prop="cardPhysics"
|
|
|
- class="form-item-style item-margin-bottom">
|
|
|
+ class="form-item-style item-margin-bottom"
|
|
|
+ >
|
|
|
<el-radio-group v-model="user_form.cardPhysics">
|
|
|
<el-radio :label="2">停用</el-radio>
|
|
|
<el-radio :label="1">启用</el-radio>
|
|
@@ -769,7 +770,8 @@
|
|
|
<el-form-item
|
|
|
label="是否开启布控"
|
|
|
prop="isControlEarlyWarning"
|
|
|
- class="form-item-style item-margin-bottom">
|
|
|
+ class="form-item-style item-margin-bottom"
|
|
|
+ >
|
|
|
<el-radio-group v-model="user_form.isControlEarlyWarning">
|
|
|
<el-radio :label="2">否</el-radio>
|
|
|
<el-radio :label="1">是</el-radio>
|
|
@@ -898,7 +900,8 @@
|
|
|
<el-form-item
|
|
|
label="进出人员数据统计"
|
|
|
prop="openInOutStatistics"
|
|
|
- class="form-item-style item-margin-bottom">
|
|
|
+ class="form-item-style item-margin-bottom"
|
|
|
+ >
|
|
|
<el-radio-group v-model="user_form.openInOutStatistics">
|
|
|
<el-radio :label="false">停用</el-radio>
|
|
|
<el-radio :label="true">启用</el-radio>
|
|
@@ -937,7 +940,6 @@
|
|
|
class="upload-demo"
|
|
|
:multiple="false"
|
|
|
:action="doUpload"
|
|
|
- :on-remove="handleRemove"
|
|
|
:file-list="user_form.screenShowPhotos"
|
|
|
list-type="picture"
|
|
|
:http-request="doUploadAvatar"
|
|
@@ -953,7 +955,7 @@
|
|
|
|
|
|
<div v-else class="upload-img">
|
|
|
<img :src="user_form.screenShowPhotos[0].url" alt="" />
|
|
|
- <span @click="handleRemove" class="del-img">x</span>
|
|
|
+ <span @click.stop="handleRemove" class="del-img">x</span>
|
|
|
</div>
|
|
|
</el-upload>
|
|
|
</el-form-item>
|
|
@@ -1166,9 +1168,9 @@
|
|
|
</div>
|
|
|
<div class="flex">
|
|
|
<el-form-item
|
|
|
- label-width="200px"
|
|
|
+ label-width="120px"
|
|
|
label="顶部标题"
|
|
|
- class="form-item-style item-margin-bottom"
|
|
|
+ class="form-item-style"
|
|
|
prop="topTitle"
|
|
|
>
|
|
|
<el-input
|
|
@@ -1178,6 +1180,70 @@
|
|
|
show-word-limit
|
|
|
></el-input>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ label-width="120px"
|
|
|
+ label="二维码码值"
|
|
|
+ class="form-item-style special"
|
|
|
+ prop="qrcodeText"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ v-model="user_form.qrcodeText"
|
|
|
+ placeholder="二维码码值"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div class="flex">
|
|
|
+ <el-form-item
|
|
|
+ label-width="120px"
|
|
|
+ label="二维码是否显示"
|
|
|
+ class="el-form-item form-item-style special"
|
|
|
+ prop="showQrcode"
|
|
|
+ >
|
|
|
+ <el-radio-group
|
|
|
+ v-model="user_form.showQrcode"
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-radio :label="false">否</el-radio>
|
|
|
+ <el-radio :label="true">是</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ label-width="120px"
|
|
|
+ label="广告图片"
|
|
|
+ class="el-form-item form-item-style special"
|
|
|
+ prop="advertise"
|
|
|
+ >
|
|
|
+ <el-upload
|
|
|
+ ref="upload"
|
|
|
+ name="file"
|
|
|
+ class="avatar-uploader"
|
|
|
+ :action="doUpload"
|
|
|
+ :show-file-list="false"
|
|
|
+ :http-request="doUploadAvatar1"
|
|
|
+ :before-upload="beforeAvatarUpload"
|
|
|
+ :auto-upload="true"
|
|
|
+ accept="image/png,image/gif,image/jpg,image/jpeg"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ src="../../assets/default-img.png"
|
|
|
+ alt=""
|
|
|
+ v-if="!user_form.advertise"
|
|
|
+ class="upload-img"
|
|
|
+ />
|
|
|
+ <div
|
|
|
+ :class="[
|
|
|
+ 'upload-img',
|
|
|
+ user_form.showQrcode ? 'upload-img1' : 'upload-img2',
|
|
|
+ ]"
|
|
|
+ v-else
|
|
|
+ >
|
|
|
+ <img :src="user_form.advertise" />
|
|
|
+ <span @click.stop="handleRemove('advertise')" class="del-img"
|
|
|
+ >x</span
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </el-upload>
|
|
|
+ </el-form-item>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-form>
|
|
@@ -1411,6 +1477,9 @@ export default {
|
|
|
notAllowAgeMsg: "", //提示信息
|
|
|
isAlarm: false, //不允许是否报警
|
|
|
isOpenExam: false, //是否开启考试
|
|
|
+ qrcodeText: null, //二维码码值
|
|
|
+ showQrcode: false, //二维码是否显示
|
|
|
+ advertise: null, //广告图片
|
|
|
},
|
|
|
user_form_copy: {},
|
|
|
scene_list: [
|
|
@@ -2012,9 +2081,13 @@ export default {
|
|
|
this.fetchData();
|
|
|
});
|
|
|
},
|
|
|
- handleRemove(event) {
|
|
|
- event.stopPropagation();
|
|
|
- this.user_form.screenShowPhotos = [];
|
|
|
+ handleRemove(type) {
|
|
|
+ if (type === "advertise") {
|
|
|
+ this.user_form.advertise = null;
|
|
|
+ } else {
|
|
|
+ this.user_form.screenShowPhotos = [];
|
|
|
+ }
|
|
|
+ return false;
|
|
|
},
|
|
|
// 批量下载账号列表
|
|
|
batchDownloadUserList() {
|
|
@@ -2118,6 +2191,16 @@ export default {
|
|
|
this.user_form.screenShowPhotos.push(data);
|
|
|
});
|
|
|
},
|
|
|
+ doUploadAvatar1(obj) {
|
|
|
+ this.listLoading = true;
|
|
|
+ var avatar = new FormData();
|
|
|
+ avatar.append("file", obj.file);
|
|
|
+ pictureLocal(avatar).then((res) => {
|
|
|
+ this.value = res.data;
|
|
|
+ this.listLoading = false;
|
|
|
+ this.user_form.advertise = res.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
// 场所码所属区域
|
|
|
getPlaceAreas() {
|
|
|
getPlaceAreas().then((res) => {
|
|
@@ -2247,7 +2330,6 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.upload-img {
|
|
|
- margin-right: 10px;
|
|
|
width: 100px;
|
|
|
height: 100px;
|
|
|
position: relative;
|
|
@@ -2255,9 +2337,22 @@ export default {
|
|
|
img {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
- border-radius: 12px;
|
|
|
+ object-fit: contain;
|
|
|
+ // border-radius: 12px;
|
|
|
}
|
|
|
}
|
|
|
+.upload-img1 {
|
|
|
+ width: 253px;
|
|
|
+ height: 91px;
|
|
|
+ border: 1px solid #d6eaff;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+.upload-img2 {
|
|
|
+ width: 356px;
|
|
|
+ height: 91px;
|
|
|
+ border: 1px solid #99d3f5;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
.del-img {
|
|
|
display: inline-block;
|
|
|
width: 20px;
|