From e5ebb70addf5e78344d6996cdada20248494457b Mon Sep 17 00:00:00 2001
From: zhongrj <646384940@qq.com>
Date: Sat, 25 May 2024 17:09:00 +0800
Subject: [PATCH] 无诈申请样式调整
---
src/components/cardPopup/cardPopuponce.vue | 30 +
src/components/cardPopup/cardPopup.vue | 965 +++++++++++++++++++++++++++++---------------------------
2 files changed, 519 insertions(+), 476 deletions(-)
diff --git a/src/components/cardPopup/cardPopup.vue b/src/components/cardPopup/cardPopup.vue
index e3f0c07..49bf888 100644
--- a/src/components/cardPopup/cardPopup.vue
+++ b/src/components/cardPopup/cardPopup.vue
@@ -12,15 +12,15 @@
<avue-form ref="form1" v-model="obj0" :option="option" @submit="submit" class="cardButs"></avue-form>
</el-collapse-item>
<el-collapse-item title="附件上传" name="2">
- <div v-for="(item,index) in patrolGroup">
+ <div v-for="(item, index) in patrolGroup">
<div style="font-weight: bold;font-size: 20px;">
- {{item.title}}
+ {{ item.title }}
</div>
- <div v-for="(item1,index1) in item.children">
- <div>
- {{index1+1}} {{item1.title}}
+ <div v-for="(item1, index1) in item.children" class="attach_row">
+ <div class="attach_row_title">
+ {{ index1 + 1 }} {{ item1.title }}
</div>
- <div style="margin: 10px;">
+ <div style="margin: 10px;" class="attach_row_btn">
<el-upload class="upload-demo" :limit="1" :data="item1" :on-change="handleChange"
:http-request="uploadFile">
<el-button size="small" type="primary">点击上传</el-button>
@@ -38,9 +38,9 @@
<!-- <el-button type="primary" @click="tip1up1">上一页</el-button> -->
<!-- <el-button type="primary" @click="tip1" :disabled="!opens">暂存</el-button> -->
<el-button type="primary" @click="up()" :disabled="!opens">{{
- //canDoIt ? "提交审批" : "已成功提交"
- opens ? "提交审批" : "提交审批"
- }}</el-button>
+ //canDoIt ? "提交审批" : "已成功提交"
+ opens ? "提交审批" : "提交审批"
+ }}</el-button>
<el-button type="info" @click="qx">取消</el-button>
</div>
</div>
@@ -50,486 +50,507 @@
</template>
<script>
- import {
- mapGetters
- } from "vuex";
- import {
- add,
- patrolGroupTree,
- selectIn,
- uploadFile
- } from "@/api/recordOur/outCardPopup";
- import attach from "@/components/attach/attach";
- import {
- getList,
- getListre,
- getListrek,
- getListrev,
- getListrel
- } from "@/api/permit/permit";
- export default {
- components: {
- attach: attach
- },
- props: ["data", "together"],
- data() {
- return {
- htmls: "",
- see: false,
- name: "",
- type: "",
- imgType: "",
- apiName: [],
- forms: 2,
- data0: {},
- obj0: {
- type: 2
+import {
+ mapGetters
+} from "vuex";
+import {
+ add,
+ patrolGroupTree,
+ selectIn,
+ uploadFile
+} from "@/api/recordOur/outCardPopup";
+import attach from "@/components/attach/attach";
+import {
+ getList,
+ getListre,
+ getListrek,
+ getListrev,
+ getListrel
+} from "@/api/permit/permit";
+export default {
+ components: {
+ attach: attach
+ },
+ props: ["data", "together"],
+ data() {
+ return {
+ htmls: "",
+ see: false,
+ name: "",
+ type: "",
+ imgType: "",
+ apiName: [],
+ forms: 2,
+ data0: {},
+ obj0: {
+ type: 2
+ },
+ page: {
+ pageSize: 10,
+ currentPage: 1,
+ total: 0
+ },
+ option: {
+ emptyBtn: false,
+ submitBtn: true,
+ gutter: 50,
+ column: [{
+ labelWidth: 100,
+ label: "场所名称",
+ prop: "placeName",
+ // span: 24,
+ rules: [{
+ required: true,
+ message: "请输入场所名称",
+ trigger: "blur"
+ }]
+ }, {
+ labelWidth: 100,
+ label: "负责人名称",
+ prop: "principal",
+ // span: 24,
+ rules: [{
+ required: true,
+ message: "请输入场所负责人姓名",
+ trigger: "blur"
+ }]
},
- page: {
- pageSize: 10,
- currentPage: 1,
- total: 0
+ {
+ labelWidth: 100,
+ label: "负责人电话",
+ prop: "principalPhone",
+ // span: 24,
+ rules: [{
+ required: true,
+ message: "请输入场所负责人联系方式",
+ trigger: "blur"
+ }]
},
- option: {
- emptyBtn: false,
- submitBtn: true,
- gutter: 50,
- column: [{
- labelWidth: 100,
- label: "场所名称",
- prop: "placeName",
- // span: 24,
- rules: [{
- required: true,
- message: "请输入场所名称",
- trigger: "blur"
- }]
- }, {
- labelWidth: 100,
- label: "负责人名称",
- prop: "principal",
- // span: 24,
- rules: [{
- required: true,
- message: "请输入场所负责人姓名",
- trigger: "blur"
- }]
- },
- {
- labelWidth: 100,
- label: "负责人电话",
- prop: "principalPhone",
- // span: 24,
- rules: [{
- required: true,
- message: "请输入场所负责人联系方式",
- trigger: "blur"
- }]
- },
- {
- labelWidth: 100,
- // width: 160,
- overHidden: true,
- slot: true,
- label: "位置",
- prop: "location",
- type: "map",
- dataType: "string",
- // labelWidth: 120,
- // span: 24,
- value: [117.96646, 28.431002, ""],
- // cascader: ['houseCodeBinds'],
- mapChange: (params) => {
- console.log('高德回调参数', params)
- },
- //高德初始化参数
- params: {
- zoom: 10,
- zoomEnable: false,
- dragEnable: false,
- },
- rules: [{
- required: true,
- message: "请选择地址",
- trigger: "blur",
- }, ],
- },
- {
- // labelWidth: 100,
- // label: "派出所名称",
- // prop: "pcsName",
- labelWidth: 100,
- overHidden: true,
- label: "派出所名称",
- parent: false,
- prop: "pcsCode",
- // search: true,
- searchSpan: 4,
- searchType: 'input',
- type: "tree",
- dicUrl: "/api/blade-policeStation/policeStation/tree",
- props: {
- label: "name",
- value: "id"
- },
- nodeClick: (data, node, nodeComp) => {
- this.obj0.pcsName = data.name
- },
- // span: 24,
- rules: [{
- required: true,
- message: "请输入派出所名称",
- trigger: "blur"
- }]
- },
- {
- // width: 156,
- labelWidth: 100,
- overHidden: true,
- label: "社区名称",
- parent: false,
- prop: "communityCode",
- // search: true,
- searchSpan: 4,
- searchType: 'input',
- type: "tree",
- dicUrl: "/api/blade-system/region/treeToCommunity?isFiter='1'",
- defaultExpandedKeys: ["361102"],
- props: {
- label: "name",
- value: "id"
- },
- nodeClick: (data, node, nodeComp) => {
- this.obj0.communityName = data.name
- },
- rules: [{
- required: true,
- message: "请选择社区名称",
- trigger: "blur",
- }, ],
- },
- {
- labelWidth: 100,
- disabled: true,
- // label: "无诈类型",
- // prop: "noFraudType",
- label: "无诈类别",
- prop: "noFraudType",
- align: 'center',
- dicUrl: "/api/blade-system/dict-biz/tree?code=noExplosionCategory",
- props: {
- label: "title",
- value: "key",
- },
- type: 'select',
- search: true,
- searchSpan: 4,
- searchLabelWidth: 96,
- align: 'center'
- },
- ]
+ {
+ labelWidth: 100,
+ // width: 160,
+ overHidden: true,
+ slot: true,
+ label: "位置",
+ prop: "location",
+ type: "map",
+ dataType: "string",
+ // labelWidth: 120,
+ // span: 24,
+ value: [117.96646, 28.431002, ""],
+ // cascader: ['houseCodeBinds'],
+ mapChange: (params) => {
+ console.log('高德回调参数', params)
+ },
+ //高德初始化参数
+ params: {
+ zoom: 10,
+ zoomEnable: false,
+ dragEnable: false,
+ },
+ rules: [{
+ required: true,
+ message: "请选择地址",
+ trigger: "blur",
+ },],
},
+ {
+ // labelWidth: 100,
+ // label: "派出所名称",
+ // prop: "pcsName",
+ labelWidth: 100,
+ overHidden: true,
+ label: "派出所名称",
+ parent: false,
+ prop: "pcsCode",
+ // search: true,
+ searchSpan: 4,
+ searchType: 'input',
+ type: "tree",
+ dicUrl: "/api/blade-policeStation/policeStation/tree",
+ props: {
+ label: "name",
+ value: "id"
+ },
+ nodeClick: (data, node, nodeComp) => {
+ this.obj0.pcsName = data.name
+ },
+ // span: 24,
+ rules: [{
+ required: true,
+ message: "请输入派出所名称",
+ trigger: "blur"
+ }]
+ },
+ {
+ // width: 156,
+ labelWidth: 100,
+ overHidden: true,
+ label: "社区名称",
+ parent: false,
+ prop: "communityCode",
+ // search: true,
+ searchSpan: 4,
+ searchType: 'input',
+ type: "tree",
+ dicUrl: "/api/blade-system/region/treeToCommunity?isFiter='1'",
+ defaultExpandedKeys: ["361102"],
+ props: {
+ label: "name",
+ value: "id"
+ },
+ nodeClick: (data, node, nodeComp) => {
+ this.obj0.communityName = data.name
+ },
+ rules: [{
+ required: true,
+ message: "请选择社区名称",
+ trigger: "blur",
+ },],
+ },
+ {
+ labelWidth: 100,
+ disabled: true,
+ // label: "无诈类型",
+ // prop: "noFraudType",
+ label: "无诈类别",
+ prop: "noFraudType",
+ align: 'center',
+ dicUrl: "/api/blade-system/dict-biz/tree?code=noExplosionCategory",
+ props: {
+ label: "title",
+ value: "key",
+ },
+ type: 'select',
+ search: true,
+ searchSpan: 4,
+ searchLabelWidth: 96,
+ align: 'center'
+ },
+ ]
+ },
- optionFile: {
- emptyBtn: false,
- submitBtn: true,
- gutter: 50,
- column: [
- // {
- // label: "附件",
- // prop: "parentCode",
- // type: 'upload',
- // span: 24,
- // dragFile: true,
- // // action: action,
- // rules: [{
- // required: true,
- // message: "请上传附件",
- // trigger: "blur"
- // }]
- // },
- {
- label: '附件',
- prop: 'fileUrls',
- type: 'upload',
- span: 24,
- hide: true,
- labelWidth: 140,
- multiple: true,
- listType: "text",
- // showFileList: true,
- propsHttp: {
- res: 'data',
- name: "originalName",
- url: "link"
- },
- data: {
- suffix: 'pdf,ppt,doc,docx'
- },
- action: '/api/blade-resource/oss/endpoint/put-file-attach-suffix',
- rules: [{
- required: true,
- message: "请上传附件",
- trigger: "blur",
- }, ],
+ optionFile: {
+ emptyBtn: false,
+ submitBtn: true,
+ gutter: 50,
+ column: [
+ // {
+ // label: "附件",
+ // prop: "parentCode",
+ // type: 'upload',
+ // span: 24,
+ // dragFile: true,
+ // // action: action,
+ // rules: [{
+ // required: true,
+ // message: "请上传附件",
+ // trigger: "blur"
+ // }]
+ // },
+ {
+ label: '附件',
+ prop: 'fileUrls',
+ type: 'upload',
+ span: 24,
+ hide: true,
+ labelWidth: 140,
+ multiple: true,
+ listType: "text",
+ // showFileList: true,
+ propsHttp: {
+ res: 'data',
+ name: "originalName",
+ url: "link"
},
- ],
- },
+ data: {
+ suffix: 'pdf,ppt,doc,docx'
+ },
+ action: '/api/blade-resource/oss/endpoint/put-file-attach-suffix',
+ rules: [{
+ required: true,
+ message: "请上传附件",
+ trigger: "blur",
+ },],
+ },
+ ],
+ },
- activeNames: ["1", "2"],
- opens: true,
- active: false,
+ activeNames: ["1", "2"],
+ opens: true,
+ active: false,
- OnceChouse: false, //选择武装押运或者保安服务许可
- cardData: [],
- choseType: "",
- overtime: {
- overtimef: "",
- overtimec: ""
- },
- enclosure: [], //附件上传 基础数据
- patrolGroup: [],
- taskPlaceRecordVOList: [],
+ OnceChouse: false, //选择武装押运或者保安服务许可
+ cardData: [],
+ choseType: "",
+ overtime: {
+ overtimef: "",
+ overtimec: ""
+ },
+ enclosure: [], //附件上传 基础数据
+ patrolGroup: [],
+ taskPlaceRecordVOList: [],
- };
- },
- computed: {
- ...mapGetters(["userInfo", "useWhere"])
- },
- watch: {
- useWhere() {
- var d = [];
- // console.log("********6666********" + JSON.stringify(this.useWhere))
- // console.log(this.together, "fromWhere");
- for (var i in this.together) {
- if (this.useWhere == this.together[i].fromWhere) {
- this.OnceChouse = true;
+ };
+ },
+ computed: {
+ ...mapGetters(["userInfo", "useWhere"])
+ },
+ watch: {
+ useWhere() {
+ var d = [];
+ // console.log("********6666********" + JSON.stringify(this.useWhere))
+ // console.log(this.together, "fromWhere");
+ for (var i in this.together) {
+ if (this.useWhere == this.together[i].fromWhere) {
+ this.OnceChouse = true;
- d.push(this.together[i]);
- // console.log("选择");
- }
- }
- // console.log("**********noFraudType*****************" + JSON.stringify(this.data))
- if (this.OnceChouse) {
- this.choseType = this.useWhere;
- for (var k in this.data) {
- if (this.data[k].type == this.useWhere) {
- d.unshift(this.data[k]);
- }
- }
- this.cardData = d;
- // console.log(this.cardData);
- } else {
- this.see = true;
- // this.openS();
- this.getPatrolGroupTree();
- this.obj0.noFraudType = this.useWhere
- console.table(this.data);
- this.taskPlaceRecordVOList = []
- // console.log(this.data[0].type);
- }
-
- if (this.useWhere == "close") {
- this.tipover();
+ d.push(this.together[i]);
+ // console.log("选择");
}
}
- },
- methods: {
- uploadFile(param) {
- console.log("自定义上传", param);
- const formData = new FormData()
- formData.append('file', param.file)
- formData.append('suffix', "pdf,ppt,doc,docx")
- let data = param.data
- uploadFile(formData).then(res => {
- if (res.data.code == 200) {
- this.taskPlaceRecordVOList.push({
- itemId: data.id,
- imageUrls: res.data.data.link
- })
- }
- console.log('上传图片成功' + JSON.stringify(res))
- // console.log('上传图片成功2' + JSON.stringify(this.patrolGroup))
- console.log('上传图片成功2' + JSON.stringify(this.taskPlaceRecordVOList))
-
- }).catch(response => {
- console.log('图片上传失败')
- })
- },
-
- handleChange(file, fileList) {
- console.table(fileList)
- // this.fileList = fileList.slice(-3);
- },
- tipchose() {
- this.OnceChouse = false;
- this.openS(this.choseType, this.cardData);
- },
- openS(chose, datas) {
- console.log("****111*****" + JSON.stringify(chose))
- console.log("****222*****" + JSON.stringify(datas))
- var n = chose || this.useWhere;
- this.data = datas || this.data;
+ // console.log("**********noFraudType*****************" + JSON.stringify(this.data))
+ if (this.OnceChouse) {
+ this.choseType = this.useWhere;
for (var k in this.data) {
- if (n == this.data[k].type) {
- this.see = true;
- this.type = this.data[k].type;
- this.enclosure = this.data[k].enclosure;
- this.overtime = this.data[k].overtime;
- this.imgType = this.data[k].imgType;
- this.htmls = this.data[k].datas.htmls;
- this.apiName = this.data[k].datas.apiName;
- this.name = this.data[k].menuName;
- var d = this.data[k].datas.column;
- this.onLoad(this.page, {}, n, d);
- console.log("已选择type:" + n + "--" + this.name);
- this.convert();
+ if (this.data[k].type == this.useWhere) {
+ d.unshift(this.data[k]);
}
}
- },
- onLoad(page, params = {}, val, d) {
- params["cardid"] = this.userInfo.Id;
+ this.cardData = d;
+ // console.log(this.cardData);
+ } else {
+ this.see = true;
+ // this.openS();
+ this.getPatrolGroupTree();
+ this.obj0.noFraudType = this.useWhere
+ console.table(this.data);
+ this.taskPlaceRecordVOList = []
+ // console.log(this.data[0].type);
+ }
- },
- changeBut(val, d) {
- this.opens = val;
- for (var k in d) {
- d[k]["disabled"] = !this.opens;
- }
- this.option.column = d;
- this.active = true;
- },
- convert: function() {
- var caridid = this.$store.getters.userInfo.Id;
- selectIn(this.apiName[2], caridid, this.type).then(res => {
- var d = res.data.data;
- // console.log(d, "d");
- for (var k in d) {
- this.obj0[k.toLowerCase()] = d[k];
- }
- // console.log(this.obj0, "obj0");
- });
- },
- tip0() {
- this.forms = 2;
- },
- qx() {
+ if (this.useWhere == "close") {
this.tipover();
- this.$store.commit("changeuseWhere", "close");
- },
- tip1up1() {
- this.forms = 2;
- },
-
- getPatrolGroupTree() {
- let data = {
- childType: 6,
- type: 2
- }
- patrolGroupTree(data).then((res) => {
- // console.log("*****res********" + JSON.stringify(res))
- this.patrolGroup = res.data.data
- });
- },
-
- tip1() {
- //暂存申请
- var d = {};
- for (var k in this.obj0) {
- for (var i in this.option.column) {
- if (k == this.option.column[i].prop && k != "title0") {
- d[k] = this.obj0[k];
- }
- }
- }
- console.log(d);
- this.data0 = d;
- this.data0.cardid = this.$store.getters.userInfo.Id;
- this.data0.ptype = this.type;
- adds().then(() => {
- this.qx();
- this.$message({
- message: "暂存申请成功",
- type: "success"
- });
- });
- },
- aa(b) {
- console.log(b);
- },
- submit() {
- this.up(0);
- },
- up(val = 1) {
- if (val == 1) {
- this.$refs.form1.submit(); //解决点击提交不能显示那个字段输入错误的问题
- return;
- }
- if (this.obj0.fileUrls) {
- this.obj0.fileUrls = JSON.stringify(this.obj0.fileUrls)
- }
- if (this.obj0.location) {
- let arr = this.obj0.location.split(",")
- this.obj0.lng = arr[0]
- this.obj0.lat = arr[1]
- this.obj0.location = arr[2]
- }
- this.obj0.type = 2
- this.obj0.taskPlaceRecordVOList = this.taskPlaceRecordVOList
- add(this.obj0).then(() => {
- this.qx();
- this.$message({
- message: "提交申请成功",
- type: "success"
- });
- this.$store.commit("changecanDoIt", false);
- });
- },
- getNowTime(form) {
- var DaysToAdd = form;
- var now = new Date();
- var newdate = new Date();
- var newtimems = newdate.getTime() + DaysToAdd * 24 * 60 * 60 * 1000;
- newdate.setTime(newtimems);
- //只得到年月日的
- var time =
- newdate.getFullYear() +
- "-" +
- (newdate.getMonth() + 1) +
- "-" +
- newdate.getDate();
- //得到具体时间
- return time;
- },
- tipover(a, b) {
- if (a == 1) {
- console.log(b);
- var number = false,
- reg = /^[0-9]+.?[0-9]*$/;
- for (var k in b) {
- if (k == "creditcode") {
- if (reg.test(b[k])) {
- number = true;
- } else {
- number = false;
- }
- } else {
- continue;
- }
- }
- return number;
- }
- this.forms = 2;
- this.obj0 = {
- // title0: "保安单位基本信息",
- };
- var d = {};
- this.data0 = d;
- this.active = false;
- this.OnceChouse = false;
}
}
- };
+ },
+ methods: {
+ uploadFile(param) {
+ console.log("自定义上传", param);
+ const formData = new FormData()
+ formData.append('file', param.file)
+ formData.append('suffix', "pdf,ppt,doc,docx")
+ let data = param.data
+ uploadFile(formData).then(res => {
+ if (res.data.code == 200) {
+ this.taskPlaceRecordVOList.push({
+ itemId: data.id,
+ imageUrls: res.data.data.link
+ })
+ }
+ console.log('上传图片成功' + JSON.stringify(res))
+ // console.log('上传图片成功2' + JSON.stringify(this.patrolGroup))
+ console.log('上传图片成功2' + JSON.stringify(this.taskPlaceRecordVOList))
+
+ }).catch(response => {
+ console.log('图片上传失败')
+ })
+ },
+
+ handleChange(file, fileList) {
+ console.table(fileList)
+ // this.fileList = fileList.slice(-3);
+ },
+ tipchose() {
+ this.OnceChouse = false;
+ this.openS(this.choseType, this.cardData);
+ },
+ openS(chose, datas) {
+ console.log("****111*****" + JSON.stringify(chose))
+ console.log("****222*****" + JSON.stringify(datas))
+ var n = chose || this.useWhere;
+ this.data = datas || this.data;
+ for (var k in this.data) {
+ if (n == this.data[k].type) {
+ this.see = true;
+ this.type = this.data[k].type;
+ this.enclosure = this.data[k].enclosure;
+ this.overtime = this.data[k].overtime;
+ this.imgType = this.data[k].imgType;
+ this.htmls = this.data[k].datas.htmls;
+ this.apiName = this.data[k].datas.apiName;
+ this.name = this.data[k].menuName;
+ var d = this.data[k].datas.column;
+ this.onLoad(this.page, {}, n, d);
+ console.log("已选择type:" + n + "--" + this.name);
+ this.convert();
+ }
+ }
+ },
+ onLoad(page, params = {}, val, d) {
+ params["cardid"] = this.userInfo.Id;
+
+ },
+ changeBut(val, d) {
+ this.opens = val;
+ for (var k in d) {
+ d[k]["disabled"] = !this.opens;
+ }
+ this.option.column = d;
+ this.active = true;
+ },
+ convert: function () {
+ var caridid = this.$store.getters.userInfo.Id;
+ selectIn(this.apiName[2], caridid, this.type).then(res => {
+ var d = res.data.data;
+ // console.log(d, "d");
+ for (var k in d) {
+ this.obj0[k.toLowerCase()] = d[k];
+ }
+ // console.log(this.obj0, "obj0");
+ });
+ },
+ tip0() {
+ this.forms = 2;
+ },
+ qx() {
+ this.tipover();
+ this.$store.commit("changeuseWhere", "close");
+ },
+ tip1up1() {
+ this.forms = 2;
+ },
+
+ getPatrolGroupTree() {
+ let data = {
+ childType: 6,
+ type: 2
+ }
+ patrolGroupTree(data).then((res) => {
+ // console.log("*****res********" + JSON.stringify(res))
+ this.patrolGroup = res.data.data
+ });
+ },
+
+ tip1() {
+ //暂存申请
+ var d = {};
+ for (var k in this.obj0) {
+ for (var i in this.option.column) {
+ if (k == this.option.column[i].prop && k != "title0") {
+ d[k] = this.obj0[k];
+ }
+ }
+ }
+ console.log(d);
+ this.data0 = d;
+ this.data0.cardid = this.$store.getters.userInfo.Id;
+ this.data0.ptype = this.type;
+ adds().then(() => {
+ this.qx();
+ this.$message({
+ message: "暂存申请成功",
+ type: "success"
+ });
+ });
+ },
+ aa(b) {
+ console.log(b);
+ },
+ submit() {
+ this.up(0);
+ },
+ up(val = 1) {
+ if (val == 1) {
+ this.$refs.form1.submit(); //解决点击提交不能显示那个字段输入错误的问题
+ return;
+ }
+ if (this.obj0.fileUrls) {
+ this.obj0.fileUrls = JSON.stringify(this.obj0.fileUrls)
+ }
+ if (this.obj0.location) {
+ let arr = this.obj0.location.split(",")
+ this.obj0.lng = arr[0]
+ this.obj0.lat = arr[1]
+ this.obj0.location = arr[2]
+ }
+ this.obj0.type = 2
+ this.obj0.taskPlaceRecordVOList = this.taskPlaceRecordVOList
+ add(this.obj0).then(() => {
+ this.qx();
+ this.$message({
+ message: "提交申请成功",
+ type: "success"
+ });
+ this.$store.commit("changecanDoIt", false);
+ });
+ },
+ getNowTime(form) {
+ var DaysToAdd = form;
+ var now = new Date();
+ var newdate = new Date();
+ var newtimems = newdate.getTime() + DaysToAdd * 24 * 60 * 60 * 1000;
+ newdate.setTime(newtimems);
+ //只得到年月日的
+ var time =
+ newdate.getFullYear() +
+ "-" +
+ (newdate.getMonth() + 1) +
+ "-" +
+ newdate.getDate();
+ //得到具体时间
+ return time;
+ },
+ tipover(a, b) {
+ if (a == 1) {
+ console.log(b);
+ var number = false,
+ reg = /^[0-9]+.?[0-9]*$/;
+ for (var k in b) {
+ if (k == "creditcode") {
+ if (reg.test(b[k])) {
+ number = true;
+ } else {
+ number = false;
+ }
+ } else {
+ continue;
+ }
+ }
+ return number;
+ }
+ this.forms = 2;
+ this.obj0 = {
+ // title0: "保安单位基本信息",
+ };
+ var d = {};
+ this.data0 = d;
+ this.active = false;
+ this.OnceChouse = false;
+ }
+ }
+};
</script>
-<style lang="scss"></style>
+<style lang="scss">
+.attach_row {
+ display: flex;
+ border: 0.2px solid rgba(221, 223, 229, 0.5);
+
+ .attach_row_title {
+ width: 85%;
+ border-right: 0.2px solid rgba(221, 223, 229, 0.5);
+ display: flex;
+ justify-content: left;
+ align-items: center;
+ margin-left: 15px;
+ }
+
+ .attach_row_btn {
+ width: 15%;
+ margin: 10px;
+ display: flex;
+ justify-content: center;
+ }
+}
+</style>
diff --git a/src/components/cardPopup/cardPopuponce.vue b/src/components/cardPopup/cardPopuponce.vue
index 5378aff..808d8d9 100644
--- a/src/components/cardPopup/cardPopuponce.vue
+++ b/src/components/cardPopup/cardPopuponce.vue
@@ -12,16 +12,16 @@
<el-collapse-item title="基本信息" name="1">
<avue-form ref="form1" v-model="obj0" :option="option" @submit="submit" class="cardButs"></avue-form>
</el-collapse-item>
- <el-collapse-item title="附件上传" name="2">
+ <el-collapse-item title="附件信息" name="2">
<div v-for="(item,index) in patrolGroup">
<div style="font-weight: bold;font-size: 20px;">
{{item.title}}
</div>
- <div v-for="(item1,index1) in item.children">
- <div>
+ <div v-for="(item1,index1) in item.children" class="attach_row">
+ <div class="attach_row_title">
{{index1+1}} {{item1.title}}
</div>
- <div style="margin: 10px;">
+ <div style="margin: 10px;" class="attach_row_btn">
<el-button v-if="item1.images" @click="handleExport(item1.images)" size="small"
type="primary">下载文件</el-button>
<!-- <el-upload class="upload-demo" :limit="1" :data="item1" :on-change="handleChange"
@@ -296,4 +296,26 @@
width: 100%;
height: 100%;
}
+
+ .attach_row {
+ display: flex;
+ border: 0.2px solid rgba(221, 223, 229, 0.5);
+ height: 54px;
+
+ .attach_row_title {
+ width: 85%;
+ border-right: 0.2px solid rgba(221, 223, 229, 0.5);
+ display: flex;
+ justify-content: left;
+ align-items: center;
+ margin-left: 15px;
+ }
+
+ .attach_row_btn {
+ width: 15%;
+ margin: 10px;
+ display: flex;
+ justify-content: center;
+ }
+}
</style>
\ No newline at end of file
--
Gitblit v1.9.3